七年前大学毕业，开通了博客园，从一名稚嫩的大学生转型成社会人士，开始了一条程序员之路，其实那个时候，感觉自己视野也是蛮清晰的，在大家都做网页开发的时候，我自己学安卓，总以为移动开发才是未来的主流，好景不长，做了几个月，辞职回来家，考进了银行，唯一运气好的就是在银行里也是做开发，虽然没什么技术含量，起码还是敲代码，可能这一辈子唯一爱好的职业就是敲代码了，而不是和这么多不认识的人打交道。
简单的介绍完这几年的变化，如今我也有了一个可爱的女儿，三周岁，每天都是全身心陪伴，接送上课，晚上做饭，晚上玩游戏，时间久了，日子也开始平淡，虽然很幸福，总觉得少了什么，其实年轻的时候，我也是一个对软件开发充满梦想的人，大学的时候我也希望能做一款外卖的软件能解决室友不喜欢下楼吃饭的问题，可惜打嘴炮归打嘴炮，最后人家有了融资几十亿的饿了吗，我还是一个穷光蛋，只能对自己的青春说：哈哈哈哈。其实过去了，并不可怕，可怕的是你自己一直都在找理由让他过去，其实这次重开博客，能坚持下去。
废话不多说，还是老习惯-记录分享学习历程，希望能遇到一些志同道合的朋友，老样式--学习首先定方向，这次再次回来助攻H5混合开发APP技术，现在中小企业转型，我看到了一些商机，他们对于十几万二十几万一个的APP非常感兴趣，总是希望通过APP来提高自己企业的逼格，不再像以前一样网页管理系统，APP开发技术，如果原生开发，周期长，IOS和ANDROID分开开发，维护，上线，虽然界面，互动，和能调的手机功能更强，但是，我这次追求那种快速，优雅，开发上线方便的APP，H5混合开发自然是重点推荐。我粗略的上网查了一下，现在最主流的H5开发框架有几个，这里截取其他大神的文章给大家看看。不再累述。
Dcloud
一、 开发工具 HBuilder
二、 框架 mui
三、 文档地址 http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/95
四、 优缺点
优点：
1) Android低端机上流畅运行
2) 上手快，资料丰富
3) Hbuilder开发工具很方便
4) Mui提供的前端插件很丰富
5) 有html5+底层加速器，比常规的webapp的性能要快
6) 5+的直接封装的跨平台api比较全，二维码、摇一摇、地图、微信分享、语音输入、推送这些常用api都是跨平台的，使用方便简单
缺点：
1) 基于webview，性能比传统的webapp的性能好，但是比原生的还是要差一点
2) 影响力不如 reactNactive大React native
一、 开发工具 不限
二、 框架 依赖javascriptCore的非hybird app
三、 文档地址 http://reactnative.cn/
四、 优缺点
优点：
1) 不用Webview，彻底摆脱了Webview让人不爽的交互和性能问题
2) 有较强的扩展性，这是因为Native端提供的是基本控件，JS可以自由组合使用
3) 可以直接使用Native原生的「牛逼」动画
4) 可以通过更新远端JS，直接更新app
缺点：
1) 前端的JavaScript用的语法是jsx，和JavaScript有一点的区别，界面布局和CSS完全不一样
2) 关于推送、第三方（比如微信分享、登陆、支付）估计要自己来实现
Dcloud与reactNative之间比较：对流畅性要求不太高的，可以考虑MUI。开发速度快，成本低。对流畅性要求高的，推荐用reactNactive.Ionic
一、 开发工具 不限
二、 框架 基于AngularJS 一起开发。交互界面，有很多迷人的功能，包括集成的仿真器基于Cordova 的 app 打包器。
三、 文档地址 http://ionicframework.com/docs/v2/api/components/button/Button/ 目前有版本1、版本2之分
四、 优缺点
优点
1) 追求性能 运行速度快
2) 轻量级框架
3) 基于 Angularjs，支持 Angularjs的特性， MVC ，代码易维护
4) 通过 SASS 构建应用程序。它提供了很多 UI 组件来帮助开发者开发强大的应用。
5) 接近原生。
6) 强大的命令行工具
7) 可利用成熟javascript框架。如：Ext js、jQuery。
缺点：
1) Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用
2) 需要结合插件使用phoneGap
一、 开发工具 市场上比较多 phoneGap桌面开发工具
二、 框架 PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用IOS，Android，Palm，Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以调用。
三、 文档地址 http://phonegap.com/
四、 优缺点
优点：
1) 可跨平台。phonegap框架帮我们解决了差异性，javascript与平台系统的连接由phonegap框架完成。成为连接移动终端的适配器，或者说中间件。
2) 提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。
3) 可利用成熟javascript框架。如：Ext js、jQuery。
缺点
1) 性能差。运行速度慢，UI反应延时——这是个致命伤。(高端机影响不大)
2) 不能完全跨平台。不同平台代码需要微调。
3) 内存消耗大。
4) 调试难度大。
参考链接：https://blog.csdn.net/yanchuan1990/article/details/53304446
框架很多，看自己选择，我也想先试试一个方向，做开发嘛，动手是最好的方法，比如你学，做了一个月，不合适再换也没什么问题，就喜欢这种技术间的更新，倘若以后有机会和大咖聊天的时候也不会语塞，顺口拈来好几种框架，也是很有谈资的，只有自己用过了，才有发言权。
前提摘要说了很多，我第一个选用的技术选型是：html5、html5+、vue.js、mui、js，以下是我的学习笔记。
首先把几种没用的技术稍微学习下，vue.js一天，mui一天，html5+一天
今天重点了解下vue.js，看了小半天的vue.js还是迷迷糊糊的，等我总结一下，再发心得，哪位大神说的一天搞定，太生硬了