几个比较好的app开发框架

学习路线：

一：Dcloud

特点：
云编译必须联网获取AppId

优点：

• 国内厂商，中文文档
• 对HTML5的性能、工具、能力都做了深入扩展，提供 IDE 、云服务等帮助节省时间
• MUI 更贴近国内App使用习惯，提供模块的详细例子，如登录，个人中心

缺点：

• 部分操作需要具备原生开发经验，如离线打包App
• 新产品仍然有bug，还需改进

 

二：Cordova

Cordova 和 PhoneGap 的区别？
PhoneGap 是 Apache Cordova 的一个分发版，就像 Ubuntu 是 基于 Linux 的一个发行版，其代码库也基于 Cordova，只是 PhoneGap 关联了 Adobe 的一些额外的商业工具或服务，例如 PhoneGap Build 和 Adobe Shadow，来帮助开发者简化开发。
此外，两者提供的CLI工具、项目结构有差异，如：
Cordova 把 config.html 放在项目目录下，而 PhoneGap 把它放在www 目录下。

优点：

• 开源免费，社区生态成熟，插件丰富
• 支持离线场景应用
• 开发工具选择空间大

缺点:

• 只提供基础访问设备的接口，需要自己搭配其他UI框架和JavaScript框架来搭配

UI框架

• Framework7
• MSUI | Github
• Famous
  为任意屏幕创建流畅、复杂的UI。
  免费和开源的JavaScript渲染引擎。着名引擎的独特之处在于其JavaScript渲染引擎和3D物理引擎。
  官网 | Github | Hello World
  使用 Famo.us 创建高性能移动 UI

参考资料

Cordova中文文档
创建第一个App（英文）
利用 Cordova+Famous 创建高性能跨平台APP
使用 Cordova 和 Vue.js 创建移动应用

 

三：Ionic

官网地址：http://www.ionic.wang/ （有案例）
Ionic = Cordova + AngularJS + 一套样式库。

技术要求

• HTML + CSS + AngularJS

优点：

• 基于 Cordova
• 漂亮的界面，追求性能，专注原生，免费开源
• Angular JS MVVM 开发理念，数据双向绑定
• 继承自 Cordova，可以使用 Cordova 的插件

缺点：

• Angular JS 学习路线陡峭
• Ionic 框架相比于原生的 Cordova 有所差异，Cordova 某些官方插件可能不适用于Ionic