开发框架汇总
基于Html5的移动端APP开发框架
共包括以下7个，PhoneGap, Ionic, Hbuilder, appcan, Wex5, ApiCloud, JQuery Mobile.
还有补充。Bootstrap，WeUI，Frozen UI，Semantic UI，Pure，Foundation，MUI，Amaze UI，Appcelerator Titanium，Sencha Touch，React，Kendo UI
一.框架：PhoneGap
1、官网：https://www.360docs.net/doc/6010490142.html,/
2、简介：PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone，Android，Palm,Symbian,WP7,WP8,Bada 和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以调用。
3、优点：
(1)可跨平台。phonegap框架帮我们解决了差异性，javascript与平台系统的连接由phonegap
框架完成。成为连接移动终端的适配器，或者说中间件。
(2)提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、
网络、通知(警告、声音和振动)、存储。
(3)可利用成熟javascript框架。如：Ext js、jQuery。
4、缺点：
(1)性能差。运行速度慢，UI反应延时——这是个致命伤。(高端机影响不大)
(2)不能完全跨平台。不同平台代码需要微调。
(3)内存消耗大。
(4)调试难度大。
5、环境搭建与配置，https://www.360docs.net/doc/6010490142.html,/aaawqqq/article/details/19755179/
(1)java JDK (搜索一下.......)
(2)android SDK 最新版
(3)Ant 打包工具
(4)eclipse (建议使用google的因为内置ADT)
(5)ADT (ecplise 里的插件,安卓开发工具插件)
(6)Node.js
(7)sublime （代码编辑器）
(8)phonegap安装
二.框架：Ionic
1、官网：https://www.360docs.net/doc/6010490142.html,/
2、简介：Ionic 是一个强大的HTML5 应用程序开发框架，号称Advanced HTML5 Hybrid Mobile AppFramework 是AngularJS 移动端解决方案可以帮助您使用Web 技术，比如HTML、CSS 和Javascript 构建接近原生体验的移动应用程序。Ionic 主要关注外观和体验，以及和你的应用程序的UI 交互，特别适合用于基于Hybird 模式的HTML5 移动应用程序开发。Ionic 是一个轻量的手机UI 库，具有速度快，界面现代化、美观等特点。
为了解决其他一些UI 库在手机上运行缓慢的问题。
3、优点：
(1)追求性能运行速度快
(2)轻量级框架
(3)基于Angularjs，支持Angularjs的特性，MVC ，代码易维护
(4)通过SASS 构建应用程序。它提供了很多UI 组件来帮助开发者开发强大的应用。
(5)接近原生。
(6)强大的命令行工具
(7)可利用成熟javascript框架。如：Ext js、jQuery。
4、缺点：
(1)Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用
(2)需要结合插件使用。
5、环境搭建与配置
(1)java JDK (搜索一下.......)
(2)android SDK 最新版
(3)eclipse (建议使用google的因为内置ADT)
(4)Node.js
(5)phonegap安装
(6)Ionic安装
(7)Webstorm安装
三.框架：Hbuilder
1、官网：http://dcloud.io/
2、简介：HBuilder是DCloud推出一款支持HTML5的Web开发IDE。“快，是HBuilder 的最大优势，通过完整的语法提示和代码输入法、代码块及很多配套，HBuilder能大幅提升HTML、js、css的开发效率。
3、优点：
(1)HTML5语法、HTML5+语法、三大浏览器扩展语法，尽收HBuilder中。
(2)每个浏览器发布新版后，一周内，其新增语法就收录入HBuilder。
(3)强大到令你震惊的Jquery语法提示！
(4)每个语法在哪个浏览器、哪个版本上是否可运行，这里都有。
(5)没有比这里更全的语法库，也没有比这里更全的浏览器兼容性数据库。
4、缺点：
(1)云端编译，无法保证安全性。
(2)不能完全跨平台。不同平台代码需要微调。
5、环境搭建与配置https://www.360docs.net/doc/6010490142.html,/book/chapterDetail/2
(1)只需要基础的java环境，其余的android和ios环境统统不需要。
(2)下载安装HBuilder。
四.框架：appcan
1、官网：https://www.360docs.net/doc/6010490142.html,/
2、简介：AppCan是国内Hybrid App混合模式开发的倡导者，AppCan应用引擎支持Hybrid App的开发和运行。并且着重解决了基于HTML5的移动应用”不流畅”和”体验差”的问题。使用AppCan应用引擎提供的Native交互能力，可以让HTML5开发的移动应用基本接近Native App的体验。与Phonegap支持单一webview使用div为单位开发移动应用不同。AppCan支持多窗口机制，让开发者可以像最传统的网页开发一样，通过页面链接的方式灵活的开发移动应用。基于这种机制，开发者可以开发出大型的移动应用，而不是只能开发简易类型的移动应用。
AppCan提供强大的设备调用能力，电话、短信、相机、LBS、传感器、数据库等常用的手机功能，开发者可以通过JS接口调用，轻松构建移动应用。
3、优点：
(3)跨平台：同时支持iOS、Android、Symbian、Windows Phone
(4)原生体验：引入原生UI控件与交互支持（如Action Sheet等）
(5)开发工具：基于Eclipse的开发工具，集成UI控件与应用管理
(6)UI框架：提供强大的UI框架，更加易于实现页面布局与交互
(7)设备API：支持各种手机设备调用，如电话、相机、传感器、定位等
(8)本地打包：无需配置环境，无需编译，本地一键打包
(9)插件机制：支持第三方原生插件，支持JS插件
(10)代码加密：基于密钥的加密方式，无法破解，像混编一样保护html代码。统计分析：
应用分平台安装数统计，应用启动和使用情况统计
(11)开放平台：更具本土优势，已经对接Sina、QQ、百度等开放平台
(12)技术支持：技术支持及时响应，重视开发者建议和反馈
4、缺点：
(1)AppCan免费版因需要把源代码上传到厂商的服务器上打包，对于企业开发来说源代码
泄露安全性上有一定风险。企业版虽然可以解决，但企业版稳定尚待观察。
(2)AppCan采用封装的组件，依赖性比较高。不是开源代码。
(3)AppCan 不能很好的解决原生代码的功能。
5、环境搭建与配置https://www.360docs.net/doc/6010490142.html,/AppCan1/p/5732712.html
(1)AppCanIDE下载安装
五.框架：Wex5
1、官网：https://www.360docs.net/doc/6010490142.html,/
2、简介：WeX5应用快速开发框架（含完整的SDK API及全部源码），一次开发、跨端运行。
【定位】开发面向消费者和公众的开放应用系统
【适用】一般app、电商app、客服app、会员app、微店微商等
【前端】安卓app/苹果app/微信服务号/PC web app
【后端】后端数据处理组件，对接各主流技术平台
【费用】完全开源，彻底免费，无任何限制
3、优点：
(1)高效精致的UI组件体系，基于jquery和bootstrap技术，采用增强的RequireJS模块化
技术。
(2)基于phonegap(cordova)框架，如相机、地图、LBS定位、指南针、通讯录、文件、语
音、电池等。
(3)可视化拖拽式集成开发环境IDE，全能力的调试支持和智能代码提示。
4、缺点：
(1)使用范围有限：适用：一般app、电商app、客服app、会员app、微店微商等
(2)用户量小，存在不稳定因素。
5、环境搭建与配置https://www.360docs.net/doc/6010490142.html,/wex5-development-environment-deployment/
六.框架：ApiCloud
1、官网：https://www.360docs.net/doc/6010490142.html,/
2、简介：APICloud是中国领先的“云端一体”的移动应用云服务提供商。APICloud推行“云端一体”的理念，重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API，简化移动应用开发技术，让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成，可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。
APICloud致力成为中国领先的移动垂直领域云服务商，帮助传统软件公司从B/S架构成功走向APP，帮助中国数百万web开发者转化成移动APP专家！。
3、优点：
(1)提供开发的IDE。
(2)提供数据云API、统计云API、推送云API 。
4、缺点：
(1)与Hbuilder存在版权问题，抄袭Hbuilder
5、环境搭建与配置https://www.360docs.net/doc/6010490142.html,/APICloud/creating-first-app
(1)下载并安装APICloud Studio 2开发环境，APICloud Studio 2 当前支持Windows macOS
Linux系统。
七、JQuery Mobile
1、官方网站：https://www.360docs.net/doc/6010490142.html,/
2、性质：UI框架
3、说明：这个大名鼎鼎的JQuery的移动版本。跟JQuery一样是一个轻量级的JS库，一样使用HTML5+CSS+JS的技术。应为轻量级，所以在web加载时比Sencha有一点优势。缺点显而易见，UI控件太少了。因为JQuery Mobile 太普及了，也有很多第三方的扩展控件库例如JQuery Mobile Touch。比较有意思的是Sencha Touch 也融合了JQuery Mobile Touch。
4、授权：完全开源，放心使用
补充：
八、bootstrap框架
Bootstrap 是基于HTML、CSS、JA V ASCRIPT 的，它简洁灵活，使得Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap
一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。
2、优点：
(1)bootstrap最近发布了bootstrap4，拥有了box-flex布局等更新，紧跟最新的web技术的
发展。
(2)比较成熟，在大量的项目中充分的使用和测试。
(3)拥有完善的文档，使用起来更方便。
(4)有大量的组件样式，接受定制。
3、缺点：
(1)如果有自己特殊的需求，就需要重新定制样式，如果一个网站中有大量的非bootstrap“风
格”的样式存在，那么你就需要做大量的css重写，因此也就失去了使用框架的意义。
(2)会有兼容问题，虽然网上存在很多兼容IE的办法，但需要引入其他文件，有些还不小，
势必导致加载速度变慢，影响用户体验。
九、MUI
最接近原生APP体验的高性能前端框架，具有以下特点：
1，轻量
追求性能体验，是我们开始启动MUI项目的首要目标，轻量必然是重要特征;
MUI不依赖任何第三方JS库，压缩后的JS和CSS文件仅有100+K和60+K
2，原生UI
鉴于之前的很多前端框架(特别是响应式布局的框架)，UI控件看起来太像网页，没有原生感觉，因此追求原生UI感觉也是我们的重要目标
十、WeUI
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页开发量身设计，可以令用户的使用感知更加统一。
1、优点
(1)视觉效果，令所有微信用户都能更容易地使用。
(2)便捷获取快速使用，降低开发和设计成本, 清晰明确，简洁大方。
(3)微信设计团队精心打造，清晰明确，简洁大方。
2、缺点
框架本身没有考虑到非微信场景下的使用。
十一、Frozen UI
Frozen UI是一个开源的简单易用，轻量快捷的移动端UI框架。基于手Q样式规范，选取最常用的组件，做成手Q公用离线包减少请求，升级方式友好，文档完善，目前全面应用在腾讯手Q增值业务中。
优点:
1．Web页面，而针对非手Q规范的页面，可通过修改变量定制界面主题。2．可以按需选择需要的组件，也可以采用cdn和combo的方式按需加载。3．使用iconfont展示图标，包含了按钮，列表，表单，提示，弹窗等常用组件，新增文本，布局，1px，文字截断，占位，两端留白，两端对齐等解决方案，同时解决了移动端屏幕适配问题。4．CSS使用模块化的样式命名和组织规范，使用sass编写css代码。5．FrozenJS 是针对移动端开发的js 组件库，其依赖zepto.js 和FrozenUI。6．FrozenJS 包括：basicFrozenJS 的一些基础功能，包括模板引擎、tap 支持等。7．包含了常用的UI 组件，dialog 等。
十二、Semantic UI
用于使用手Q规范设计的Semantic UI是一个用来帮助创建漂亮、响应化、人性化的开发框架
1．简洁的HTML, classes使用类似名词/修饰词关系的自然语言语法，对语序，多连接有直观概念
2．直观的JavaScript: Semantic 用简单的短语来触发功能。
3．在组件中任意设计都是作为一个设置，开发者可以修改。
4．给予了完全的设计自由。高层次变量与直观的集成系统让你用仅仅几行代码改变你的部件的外观与感觉。
十三、Pure
1．最大的特点就是框架基于纯CSS，无任何JavaScript代码，渲染速度比较快。
2．框架十分小巧，压缩后仅5.7k。
3．组件也很丰富，包括表格、表单、按钮、表、导航等。
4．CSS类的标识十分简单，因此在使用Pure的过程中代码会比较友好。
十四、Foundation
Foundation 是一个易用、强大而且灵活的响应式前端框架，用于构建基于任何设备上的响应式网站、Web应用和电子邮件。结构语义化、移动设备优先、完全可定制。
1．语义化使用Foundation框架语义化结构，可以编写更干净、更优雅的前端代码
2．通过同一份代码快速、有效适配手机、平板、PC 设备。
3．你可以根据自己项目情况完全自定义定制（定义栅格、颜色、字体大小等）
十五、Amaze UI
Amaze UI是国内首款Html5开源跨屏前端框架，优秀开源前端框架，拥有丰富的CSS+JS 组件。轻量级高性能开源框架，以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流；面向HTML5 开发，使用CSS3 来做动画交互，平滑、高效，更适合移动设备，让Web 应用更快速载；含近20 个CSS 组件、10 个
JS 组件，更有17 款包含近60 个主题的Web 组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率；相比国外框架，Amaze UI 关注中文排版，根据用户代理调整字体，实现更好的中文排版效果；兼顾国内主流浏览器及App 内置浏览器兼容支持。
十六、Appcelerator Titanium框架
https://www.360docs.net/doc/6010490142.html,/web-338270.htm
Titanium 是一个跟手机平台无关的开发框架，用来开发具有本地应用效果的Web应用。当前主要支持iPhone 和Android 手机。
1、优点：
https://www.360docs.net/doc/6010490142.html,/web-337037.htm
2、缺点：
https://www.360docs.net/doc/6010490142.html,/web-337040.htm
十七、Sencha Touch框架（较为复杂）
Sencha Touch框架是世界上第一个基于HTML5的Mobile App框架。Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的WEB标准，全面兼容Android和Apple iOS设备。提供了丰富的WEB UI 组件，可以快速的开发出运行于移动终端的应用程序。
十八、Kendo UI框架（收费）
Kendo UI的每个方面都从底层开始构建，以提供强大的JavaScript应用程序性能。Kendo UI 不是另一个jQuery UI的克隆，它的每一个决定都是从优化性能出发。从轻量级的、执行明显快于jQurey模板的内置模板库，到利用CSS3硬件加速的(如果可能)优化动画和先进的虚拟化用户界面，Kendo UI不遗余力地提供高性能的客户端UI。
十九、React框架
优点：
(1)能够实现服务器端的渲染，便于搜索引擎优化。这一点要比Backbone, Angular 1.x和
Ember早期强
(2)能够很好的和现有的代码结合。React只是MVC中的View层，对于其他的部分并没有
硬性要求。意味着很多公司在选择用Angular全部重构和用React部分重构的时候，选择了React部分重构
(3)因为一切都是component，所以代码更加模块化，重用代码更容易
(4)学起来非常容易，几个小时就可以入门因为强调只从this.props和this.state生成HTML，
写起来bug比较少
缺点：
(1)并不是一个完整的框架，基本都需要加上ReactRouter和Flux才能写大型应用