hbuilder + MUI 编写跨平台移动端app目前发现的优缺点

MUI这套UI框架,对于我这种CSS菜鸟来说,读懂里面的代码确实很难,而且怎么说框架中也存在的一些大坑,我这样的小白,要花上一段时间去学习。相对于react-native 这点的话还是facebook做的好,引入了一个flexbox的概念,这个东西,要比写CSS+div 样式布局 强大的多。而且很多概念上和Android开发布局的时候有点像。

我就直接写HM了,使用起来当然是非常的强大,代码自动提示,这个在效率上有非常大的提升。相对于现有的编写RN的编辑器来说,这点也算是优势之一。而且HM的配置没有那么的复杂。RN的配置环境,也是走走停停花了一周的时间理解过来。而HM则没有这么大的时间成本。

另外一点,HM的代码是一处编写,处处编译,Android和iOS就不用说了,只不过再运行到Android手机上的时候发现,HM写出来的界面和IOS的有一定的偏差。而且MUI这个框架里面的基本样式都是模仿IOS的。而RN目前还是有分为两套的代码,一个是Android的一个是IOS的。不过区别不大。HM编写的UI尝试过,还是有点不太适应,而且编写骚味特殊点的布局,就会非常的难。在这个地方RN就显得优势很大。

就学习成本而言,我比较倾向于RN,因为RN的js代码就是react.js,只不过使用的是JSX的标准。目前接触的这两款框架,我还是比较喜欢RN,虽然HM的开发效率也算是蛮高的。但是在布局控制上,能力还是稍逊与RN。

目前后面这家公司,由于IOS的开发人员还是刚刚毕业的没有什么经验,开发进度比较缓慢,所以这块需要我用第二套方案来解决,就目前的情况,我还是使用HM来开发后面的项目,但是个人觉得还是要从RN开始,虽然目前没有专门针对RN的编辑器开发工具,但是在代码开发的效率和学习成本上对我来说,还是首选RN。

时间: 2024-10-15 04:53:16

hbuilder + MUI 编写跨平台移动端app目前发现的优缺点的相关文章

用React Native编写跨平台APP

用React Native编写跨平台APP React Native 是一个编写iOS与Android平台实时.原生组件渲染的应用程序的框架.它基于React,Facebook的JavaScript的库,为的是构建用户接口,而并不是以浏览器为目标,它是以手机平台为目的. 换句话说,假设你是一个web开发人员,你能够使用React Native去编写干净.高速的移动APP,而且能够体会到熟悉的框架和单个的JavaScript的代码库. 在这之前,我们已经听到用诸如Cordova或者是Titaniu

通过Intel XDK编写跨平台app(二)

通过Intel XDK编写跨平台app(一) 通过Intel XDK编写跨平台app(二) 在这个系列的上一篇文章中,我们大致了解了Interl XDK的概况.在这一部分中,我们会详细地介绍如何通过这个框架来构建app,这里我们会以一个简单的照片分享应用为例. 你可以在Github上找到这个例子的最终代码. 对比一下几个框架 Intel XDK 支持几种不同的HTML5架构: App Framework, Bootstrap, TopCoat 和JQuery Mobile. APP Design

html5开发移动端app的7大优势(一)

移动web端APP是如今市场份额占据霸主,自html5开发语言正式封稿后,使用html5语言开发app应用带来的用户体验和制作难度是其他语言远远不如的.本文华清创客学院为读者解析html5开发移动端app的7大优势.让对html5感兴趣的读者更好的了解html5网页开发技术. html5开发移动端app的7大优势(一): 1.跨平台: 开发者的幸福指数随着多屏时代的来临岌岌可危.人人都期盼HTML5能扮演救星.多套代码.不同技术工种.业务逻辑同步,这是折磨人的过程.有点类似个人电脑早期世界,那个

UI设计师必须了解:2015年十大移动端APP设计主流趋势

从移动端兴起,主流设计风格定型,再到Uber.Vine等现象级APP的崛起,移动端的APP设计直到现在才渐入佳境.促成这一切的影响因素很多,比如社会发展趋势的变化.共享经济的大热.新技术的积累,等等等等.这些事物的出现需要时间积累,这也是为什么这些应用到现在才火起来. 同样的,今年我们要关注的是定型了的巨屏手机和逐渐沉淀下来的可穿戴设备. 随着日常生活中所涉及到的移动端应用的增加,用户在这些东西上的所耗费的精神和脑力也越来越多.查看邮件.预订酒店.叫外卖都有赖于各种应用,而诸如Airbnb和Gr

【Android端 APP GPU过度绘制】GPU过度绘制及优化

一.Android端的卡顿 Android端APP在具体使用的过程中容易出现卡顿的情况,比如查看页面时出现一顿一顿的感受,切换tab之后响应很慢,或者具体滑动操作的时候也很慢. 二.卡顿的原因 卡顿的原因可能有很多种,比如: 1.CPU过高 2.内存溢出 3.主线程处理IO操作等 - 其中过度绘制,是一个容易被忽视但也最好修改并且能够看到效果的内容,其中Android官网给出的过度绘制相关内容见:https://developer.android.com/topic/performance/re

【转】【CDC翻客】移动端App测试实用指南

 译者注:本文从测试人员的角度出发,提出了100多个在测试移动App过程中需要考虑的问题.不管你是测试人员.开发.产品经理或是交互设计师,在进行移动App开发时,这些问题都很有参考价值.我和Queen合力译出此文,分享给大家,希望有所帮助和启发. 英文原文: http://mobile.smashingmagazine.com/2012/10/22/a-guide-to-mobile-app-testing/ -------------------------------------------

编写跨平台Java程序注意事项

使用Java语言编写应用程序最大的优点在于“一次编译,处处运行”,然而这并不是说所有的Java程序都具有跨平台的特性,事实上,相当一部分的Java程序是不能在别的操作系统上正确运行的,那么如何才能编写一个真正的跨平台的Java程序呢?下面是在编写跨平台的Java程序是需要注意的一些事情: 1. 编写Java跨平台应用程序时,你可以选择JDK1.0,1.1,1.2或支持它们的GUI开发工具如:Jbuilder,Visual Age for Java 等等,但是必须注意你的Java程序只能使用Jav

使用FIR.im发布自己的移动端APP

使用FIR.im发布自己的移动端APP http://www.cnblogs.com/imzzk/p/firim.html 一次很偶然的机会知道FIR.im,这家公司主要的产品就是帮助开发者方便便捷地发布iOS或者Android应用的.今天我就聊聊如何在FIR.im中发布自己的APP,然后让加入UUID的设备通过网页直接下载安装.这样做的好处就是不用傻呵呵的每次插入USB,通过XCode去生成APP啦.毕竟有时候带根线是挺麻烦的事情,最关键的是团队成员一多,你总不能把设备一个个拿过来去更新,多么

ui界面设计公司搜集精彩设计三十例:移动端APP界面设计欣赏之二

如果您想订阅本博客内容,每天自动发到您的邮箱中,请点这里 蓝蓝设计是一家地处北京的界面设计公司,经常会接到移动端APP界面设计的项目,比如给一起海带做的海外代购APP.给词觅公司做的社交APP-词觅APP.做的人民币鉴伪的APP.给赞同科技做的银行智能网点ipad端界面设计,给快递通做的快递通自助取快递触摸屏界面设计. 在做设计的同时我们也会经常收集一些APP界面作为参考,一下就是一些APP界面的案例: APP界面欣赏案例一 APP界面欣赏案例二 APP界面欣赏案例三 APP界面欣赏案例四 AP