开发框架汇总.docx

《开发框架汇总.docx》由会员分享，可在线阅读，更多相关《开发框架汇总.docx（18页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、基于Html5的移动端APP开发框架共包括以下 7 个，PhoneGap, Ionic, Hbuilder, appcan, Wex5, ApiCloud, JQuery Mobile.还有1卜充。Bootstrap , WeUI , Frozen UI , Semantic UI , Pure , Foundation z MUI, Amaze UI, Appcelerator Titanium , Sencha Touch / React, Kendo UI.框架:PhoneGap1、官网：2.简介：PhoneG叩是一个用基于HTML , CSS和JavaScript的，创建移动跨平 台移

2、动应用程序的快速开发平台。它使开发者能够采用iPhone , Android , Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能包括地理定位， 加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以调用。3、优点:(1)可跨平台。phoneg叩框架帮我们解决了差异性Javascript与平台系统的连接 由phoneg叩框架完成。成为连接移动终端的适配器，或者说中间件。(2)供应硬件访问掌握。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、 媒体、网络、通知(警告、声音和振动)、存储。可采用成熟javascript框架。如：Ext

3、jss jQueryo(1)供应开发的IDEO(2)供应数据云API、统计云API、推送云API o4.缺点:(1)与Hbuilder存在版权问题，抄袭Hbuilder5、环境搭建与配置1 1)下载并安装APICIoud Studio 2开发环境，APICIoud Studio 2当前支持Windows macOS Linux 系统。七.JQuery Mobile1.1.官方网站：2 .性质：UI框架3、说明：这个大名鼎鼎的JQuery的移动版本。跟JQuery 一样是一个轻量级的JS 库,一样使用HTML5+CSS+JS的技术。应为轻量级,所以在web加载时比Sencha有一 点优势。缺点显

4、而易见，UI控件太少了。由于JQuery Mobile太普及了，也有许多第三 方的扩展控件库例如JQuery Mobile Toucho比较有意思的是Sencha Touch也融合了 JQuery Mobile Toucho4 .授权：完全开源，放心使用补充:八、bootstrap 框架Bootstp是基于HTML、CSS. JAVASCRIPT的，它简洁敏捷，使得 Web开发 更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个 CSS/HTML框架。Bootstrap供应了优雅的HTML和CSS法律规范，它即是由动态CSS 语言Less写成。

5、Bootstr叩一经推出后颇受欢迎，始终是GitHub上的热门开源项目，包 括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。国内一些 移动开发者较为熟识的框架，如WeX5前端开源框架等，也是基于Bootstr叩源码进行性 能优化而来。2、优点:(1) bootstr叩最近发布了 bootstrap4，拥有了 box-flex布局等更新，紧跟最新的 web技术的进展。(2)比较成熟，在大量的项目中充分的使用和测试。(3)拥有完善的文档，使用起来更便利。(4)有大量的组件样式，接受定制。3、缺点:(1)假如有自己特殊的需求，就需要重新定制样式，假如一个网站中有

6、大量的非bootstr叩风格的样式存在，那么你就需要做大量的css重写，因此也就失去了使用框 架的意义。(2)会有兼容问题，虽然网上存在许多兼容IE的方法，但需要引入其他文件，有些 还不小，势必导致加载速度变慢，影响用户体验。九、MUI最接近原生APP体验的高性能前端框架，具有以下特点：1,轻量追求性能体验，是我们开头启动MUI项目的首要目标，轻量必定是重要特征；MUI不依靠任何第三方JS库，压缩后的JS和CSS文件仅有100+K和60+K2 ,原生UI鉴于之前的许多前端框架(特殊是响应式布局的框架),UI控件看起来太像网页，没有 原生感觉，因此追求原生UI感觉也是我们的重要目标十、WeUIW

7、eUI是一套同微信原生视觉体验全都的基础样式库，由微信官方设计团队为微信内 网页开发量身设计，可以令用户的使用感知更加统一。(1)视觉效果，令全部微信用户都能更简洁地使用。(2)便捷猎取快速使用，降低开发和设计成本，清楚明确，简洁大方。(3)微信设计团队细心打造，清楚明确，简洁大方。2、缺点框架本身没有考虑到非微信场景下的使用。H-、Frozen UIFrozen UI是一个开源的简洁易用，轻量快捷的移动端UI框架。基于手Q样式法律规 范，选取最常用的组件，做成手Q公用离线包削减恳求，升级方式友好，文档完善，目前 全面应用在腾讯手Q增值业务中。优点：1 . Web页面，而针对非手Q法律规范的页

8、面，可通过修转变量定制界面主题。2 .可 以按需选择需要的组件，也可以采纳cdn和combo的方式按需加载。3 .使用iconfont 展现图标，包含了按钮，列表，表单，提示，弹窗等常用组件，新增文本，布局，Ipx , 文字截断，占位两端留白，两端对齐等解决方案同时解决了移动端屏幕适配问题。4 .CSS 使用模块化的样式命名和组织法律规范，使用sass编写css代码。5 . FrozenJS是针对 移动端开发的js组件库，其依靠zepto.js和Frozenlllo 6 . FrozenJS包括： basicFrozenJS的一些基础功能，包括模板引擎、tap支持等。7 .包含了常用的UI组

9、件,dialog 等。十二、Semantic UI用于使用手Q法律规范设计的Semantic UI是一个用来关心创建美丽、响应化、人 性化的开发框架1 ,简洁的HTML, classes使用类似名词/修饰词关系的自然语言语法，对语序，多连 接有直观概念2 .直观的JavaScript: Semantic用简洁的短语来触发功能。3 .在组件中任意设计都是作为一个设置，开发者可以修改。4 .赐予了完全的设计自由。高层次变量与直观的集成系统让你用仅仅几行代码转变你 的部件的外观与感觉。十三、Pure1 .最大的特点就是框架基于纯CSS ,无任何JavaScript代码，渲染速度比较快。2 .框架特别

10、小巧，压缩后仅5.7k。3 .组件也很丰富，包括表格、表单、按钮、表、导航等。4 . CSS类的标识特别简洁，因此在使用Pure的过程中代码会比较友好。十四、FoundationFoundation是一个易用、强大而且敏捷的响应式前端框架，用于构建基于任何设施上的响应式网站、Web应用和电子邮件。结构语义化、移动设施优先、完全可定制。1 .语义化使用Foundation框架语义化结构，可以编写更洁净、更优雅的前端代码2 .通过同一份代码快速、有效适配手机、平板、PC设施。3 .你可以依据自己项目状况完全自定义定制(定义栅格、颜色、字体大小等)十五、Amaze UIAmaze UI是国内首款Ht

11、ml5开源跨屏前端框架，优秀开源前端框架，拥有丰富的 CSS+JS组件。轻量级高性能开源框架，以移动优先(Mobile first)为理念，从小屏逐步 扩展到大屏，最终实现全部屏幕适配，适应移动互联潮流；面对HTML5开发，使用CSS3 来做动画交互，平滑、高效，更适合移动设施，让Web应用更快速载；含近20个CSS 组件、10个JS组件，更有17款包含近60个主题的Web组件，可快速构建界面精 彩、体验优秀的跨屏页面，大幅提升开发效率；相比国外框架，Amaze UI关注中文排版, 依据用户代理调整字体，实现更好的中文排版效果；兼顾国内主流扫瞄器及App内置扫 瞄器兼容支持。十六、Appcel

12、erator Titanium 框架Titanium是一个跟手机平台无关的开发框架，用来开发具有本地应用效果的Web应 用。当前主要支持iPhone和Android手机。十七、Sencha Touch框架（较为简单）Sencha Touch框架是世界上第一个基于HTML5的Mobile App框架。Sencha Touch 可以让你的Web App看起来像Native Appo美丽的用户界面组件和丰富的数据管理，全 部基于最新的HTML5和CSS3的WEB标准，全面兼容Android和Apple iOS设施。供 应了丰富的WEB UI组件，可以快速的开发出运行于移动终端的应用程序。十八、Ken

13、do UI框架（收费）Kendo UI的每个方面都从底层开头构建，以供应强大的JavaScript应用程序性能。 Kendo UI不是另一个jQuery UI的克隆,它的每一个打算都是从优化性能动身。从轻量 级的、执行明显快于jQurey模板的内置模板库，到采用CSS3硬件加速的（假如可能）优化 动画和先进的虚拟化用户界面，Kendo UI不遗余力地供应高性能的客户端UI0十九、React框架优点：（1）能够实现服务器端的渲染，便于搜寻引擎优化。这一点要比Backbone, Angular 1.x和Ember早期强(2)能够很好的和现有的代码结合。React只是MVC中的View层，对于其他的

14、部 分并没有硬性要求。意味着许多公司在选择用Angular全部重构和用React部分重构的时 候，选择了 React部分重构(3)由于一切都是component,所以代码更加模块化，重用代码更简洁(4)学起来特别简洁，几个小时就可以入门由于强调只从this.props和this.state 生成HTML,写起来bug比较少缺点：(1)并不是一个完整的框架，基本都需要加上ReactRouter和Flux才能写大型应用(1)性能差。运行速度慢，UI反应延时这是个致命伤。(高端机影响不大)(2)不能完全跨平台。不同平台代码需要微调。(3)内存消耗大。(4)调试难度大。5、环境搭建与配置，java J

15、DK(搜寻一下.)android SDK最新版(3) Ant打包工具(4) eclipse(建议使用google的 由于内置ADT)(5) ADT (ecplise里的插件,安卓开发工具插件)(6) Node.jssublime (代码编辑器)(8) phoneg叩安装二.框架：Ionic1、官网：2、简介：Ionic是一个强大的HTML5应用程序开发框架，号称Advanced HTML5 Hybrid Mobile AppFramework是AngularJS移动端解决方案可以关心您使用 Web 技术，比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。Ionic主 要

16、关注外观和体验，以及和你的应用程序的UI交互，特殊适合用于基于Hybird模式的 HTML5移动应用程序开发。Ionic是一个轻量的手机UI库，具有速度快，界面现代化、 美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题。3、优点:(1)追求性能运行速度快(2)轻量级框架(3)基于Angularjs ,支持Angularjs的特性，MVC，代码易维护(4)通过SASS构建应用程序。它供应了许多UI组件来关心开发者开发强大的应 用。(5)接近原生。(6)强大的命令行工具(7)可采用成熟javascript 框架。如：Ext jsx jQueryo4.缺点：(1)Ionic是一个前段框架。不

17、能完全取代PhoneG叩和JavaScript框架的作用(2)需要结合插件使用。5、环境搭建与配置java JDK (搜寻一下.)android SDK最新版eclipse健议使用google的 由于内置ADT)(4) Node.js(5) phonegap 安装(6) Ionic 安装(7) Webstorm 安装=.框架:Hbuilder1、官网：http:/dcloud.io/2.简介：HBuilder是DCIoud推出一款支持HTML5的Web开发IDE。快，是 HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块及许多配套，HBuilder 能大幅提升HTML、js、c

18、ss的开发效率。3.优点:HTML5语法、HTML5+语法、三大扫瞄器扩展语法，尽收HBuilder中。(2)每个扫瞄器发布新版后，一周内，其新增语法就收录入HBuildero(3)强大到令你震动的Jquery语法提示！(4)每个语法在哪个扫瞄器、哪个版本上是否可运行，这里都有。(5)没有比这里更全的语法库，也没有比这里更全的扫瞄器兼容性数据库。4、缺点：(1)云端编译，无法保证平安性。(2)不能完全跨平台。不同平台代码需要微调。5、环境搭建与配置 http:/uikoo9.eom/book/chapterDetail/2(1)只需要基础的java环境，其余的android和ios环境统统不需

19、要。下载安装HBuilder。四.框架:appcan2、简介：AppCan是国内Hybrid App混合模式开发的提倡者，AppCan应用引擎 支持Hybrid App的开发和运行。并且着重解决了基于HTML5的移动应用不流畅和 体验差”的问题。使用AppCan应用引擎供应的Native交互力量，可以让HTML5开发 的移动应用基本接近Native App的体验。与Phoneg叩支持单一webview使用div为 单位开发移动应用不同。AppCan支持多窗口机制，让开发者可以像最传统的网页开发一 样，通过页面链接的方式敏捷的开发移动应用。基于这种机制，开发者可以开发出大型的 移动应用，而不是只

20、能开发简易类型的移动应用。AppCan供应强大的设施调用力量,电话、短信、相机、LBS、传感器、数据库等常 用的手机功能，开发者可以通过JS接口调用，轻松构建移动应用。3、优点:(3) 跨平台：同时支持 iOS、Android、Symbian、Windows Phone(4)原生体验：弓I入原生UI控件与交互支持(如Action Sheet等)(5)开发工具：基于Eclipse的开发工具，集成UI控件与应用管理(6) UI框架：供应强大的UI框架，更加易于实现页面布局与交互(7)设施API:支持各种手机设施调用，如电话、相机、传感器、定位等(8)本地打包：无需配置环境，无需编译，本地一键打包(

21、9)插件机制：支持第三方原生插件，支持JS插件(10)代码加密：基于密钥的加密方式，无法破解，像混编一样爱护html代码。统 计分析：应用分平台安装数统计，应用启动和使用状况统计(11)开放平台：更具本土优势，已经对接Sina. QQ、百度等开放平台(12)技术支持：技术支持准时响应，重视开发者建议和反馈4、缺点：(1) AppCan免费版因需要把源代码上传到厂商的服务器上打包，对于企业开发来 说源代码泄露平安性上有肯定风险。企业版虽然可以解决，但企业版稳定尚待观看。(2) AppCan采纳封装的组件，依靠性吃交高。不是开源代码。(3) AppCan不能很好的解决原生代码的功能。5、环境搭建与

22、配置AppCanlDE下载安装五.框架：Wex51、官网：2、简介：WeX5应用快速开发框架(含完整的SDK API及全部源码)，一次开发、跨端运行。【定位】开发面对消费者和公众的开放应用系统【适用】一般叩P、电商叩p、客服叩p、会员叩p、微店微商等【前端】安卓叩p鹰果叩p/微信服务号/PC web app【后端】后端数据处理组件，对接各主流技术平台【费用】完全开源，彻底免费，无任何限制3、优点:(1)高效精致的UI组件体系基于jquery和bootstQp技术采纳增加的RequireJS 模块化技术。(2)基于phonegap(cordova ,如相机、地图、LBS定位、指南针、通讯录、 文

23、件、语音、电池等。(3)可视化拖拽式集成开发环境IDE,全力量的调试支持和智能代码提示。4、缺点：(1)使用范围有限：适用：一般叩P、电商叩P、客服叩P、会员app、猾攵店微商 等(2)用户量小，存在不稳定因素。5、环境搭建与配置六.框架：ApiCloud2、简介：APICIoud是中国领先的云端一体”的移动应用云服务供应商。APICIoud 推行云端一体的理念，重新定义了移动应用开发。APICIoud为开发者从云和端 两个方向供应API,简化移动应用开发技术，让移动应用的开发周期从一个月缩短到7天。 APICIoud由云API和端API”两部分组成，可以关心开发者快速实现移动应用的开 发、测试、发布、管理和运营的全生命周期管理。APICIoud致力成为中国领先的移动垂直领域云服务商,关心传统软件公司从B/S架 构胜利走向APP,关心中国数百万web开发者转化成移动APP专家！。3、优点: