时隔七年,再来一次热血沸腾----H5混合开发APP

  七年前大学毕业,开通了博客园,从一名稚嫩的大学生转型成社会人士,开始了一条程序员之路,其实那个时候,感受本身视野也是蛮清晰的,在你们都作网页开发的时候,我本身学安卓,总觉得移动开发才是将来的主流,好景不长,作了几个月,辞职回来家,考进了银行,惟一运气好的就是在银行里也是作开发,虽然没什么技术含量,起码仍是敲代码,可能这一生惟一爱好的职业就是敲代码了,而不是和这么多不认识的人打交道。javascript

  简单的介绍完这几年的变化,现在我也有了一个可爱的女儿,三周岁,天天都是全身心陪伴,接送上课,晚上作饭,晚上玩游戏,时间久了,日子也开始平淡,虽然很幸福,总以为少了什么,其实年轻的时候,我也是一个对软件开发充满梦想的人,大学的时候我也但愿能作一款外卖的软件能解决室友不喜欢下楼吃饭的问题,惋惜打嘴炮归打嘴炮,最后人家有了融资几十亿的饿了吗,我仍是一个穷光蛋,只能对本身的青春说:哈哈哈哈。其实过去了,并不可怕,可怕的是你本身一直都在找理由让他过去,其实此次重开博客,能坚持下去。html

  废话很少说,仍是老习惯-记录分享学习历程,但愿能遇到一些志同道合的朋友,老样式--学习首先定方向,此次再次回来助攻H5混合开发APP技术,如今中小企业转型,我看到了一些商机,他们对于十几万二十几万一个的APP很是感兴趣,老是但愿经过APP来提升本身企业的逼格,再也不像之前同样网页管理系统,APP开发技术,若是原生开发,周期长,IOS和ANDROID分开开发,维护,上线,虽然界面,互动,和能调的手机功能更强,可是,我此次追求那种快速,优雅,开发上线方便的APP,H5混合开发天然是重点推荐。我粗略的上网查了一下,如今最主流的H5开发框架有几个,这里截取其余大神的文章给你们看看。再也不累述。前端

Dcloud

1、 开发工具 HBuilder 2、 框架 mui 3、 文档地址 http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/95 4、 优缺点 优势: 1) Android低端机上流畅运行 2) 上手快,资料丰富 3) Hbuilder开发工具很方便 4) Mui提供的前端插件很丰富 5) 有html5+底层加速器,比常规的webapp的性能要快 6) 5+的直接封装的跨平台api比较全,二维码、摇一摇、地图、微信分享、语音输入、推送这些经常使用api都是跨平台的,使用方便简单 缺点: 1) 基于webview,性能比传统的webapp的性能好,可是比原生的仍是要差一点 2) 影响力不如 reactNactive大

React native

1、 开发工具 不限 2、 框架 依赖javascriptCore的非hybird app 3、 文档地址 http://reactnative.cn/ 4、 优缺点 优势: 1) 不用Webview,完全摆脱了Webview让人不爽的交互和性能问题 2) 有较强的扩展性,这是由于Native端提供的是基本控件,JS能够自由组合使用 3) 能够直接使用Native原生的「牛逼」动画 4) 能够经过更新远端JS,直接更新app 缺点: 1) 前端的JavaScript用的语法是jsx,和JavaScript有一点的区别,界面布局和CSS彻底不同 2) 关于推送、第三方(好比微信分享、登录、支付)估计要本身来实现 Dcloud与reactNative之间比较:对流畅性要求不过高的,能够考虑MUI。开发速度快,成本低。对流畅性要求高的,推荐用reactNactive.

Ionic

1、 开发工具 不限 2、 框架 基于AngularJS 一块儿开发。交互界面,有不少迷人的功能,包括集成的仿真器基于Cordova 的 app 打包器。 3、 文档地址 http://ionicframework.com/docs/v2/api/components/button/Button/ 目前有版本一、版本2之分 4、 优缺点 优势 1) 追求性能 运行速度快 2) 轻量级框架 3) 基于 Angularjs,支持 Angularjs的特性, MVC ,代码易维护 4) 经过 SASS 构建应用程序。它提供了不少 UI 组件来帮助开发者开发强大的应用。 5) 接近原生。 6) 强大的命令行工具 7) 可利用成熟javascript框架。如:Ext js、jQuery。 缺点: 1) Ionic是一个前段框架。不能彻底取代PhoneGap和JavaScript框架的做用 2) 须要结合插件使用

phoneGap

1、 开发工具 市场上比较多 phoneGap桌面开发工具 2、 框架 PhoneGap是一个用基于HTML,CSS和JavaScript的,建立移动跨平台移动应用程序的快速开发平台。它使开发者可以利用IOS,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,能够调用。 3、 文档地址 http://phonegap.com/ 4、 优缺点 优势: 1) 可跨平台。phonegap框架帮咱们解决了差别性,javascript与平台系统的链接由phonegap框架完成。成为链接移动终端的适配器,或者说中间件。 2) 提供硬件访问控制。可调用加速计、摄像头、罗盘、通信录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。 3) 可利用成熟javascript框架。如:Ext js、jQuery。 缺点 1) 性能差。运行速度慢,UI反应延时——这是个致命伤。(高端机影响不大) 2) 不能彻底跨平台。不一样平台代码须要微调。 3) 内存消耗大。 4) 调试难度大。

参考连接:https://blog.csdn.net/yanchuan1990/article/details/53304446
框架不少,看本身选择,我也想先试试一个方向,作开发嘛,动手是最好的方法,好比你学,作了一个月,不合适再换也没什么问题,就喜欢这种技术间的更新,假若之后有机会和大咖聊天的时候也不会语塞,顺口拈来好几种框架,也是颇有谈资的,只有本身用过了,才有发言权。前提摘要说了不少,我第一个选用的技术选型是:html五、html5+、vue.js、mui、js,如下是个人学习笔记。首先把几种没用的技术稍微学习下,vue.js一天,mui一天,html5+一天今天重点了解下vue.js,看了小半天的vue.js仍是迷迷糊糊的,等我总结一下,再发心得,哪位大神说的一天搞定,太生硬了