开发框架汇总

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