2022-01-14 18:37发布
常用的移动APP开发框架:
1、框架:PhoneGap
PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。
优点:可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap框架完成。
提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知。
可利用成熟javascript框架。如:Ext js、jQuery。
缺点:性能差。运行速度慢,UI反应延时。
不能完全跨平台。不同平台代码需要微调。
内存消耗,调试难度大。
2、框架:Ionic
Ionic 是一个强大的 HTML5 应用程序开发框架, Ionic 主要关注外观和体验,以及应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库,具有速度快,界面现代化、美观等特点。
优点:轻量级框架,运行速度快。
于 Angularjs,支持 Angularjs的特性, MVC ,代码易维护。
通过 SASS 构建应用程序,接近原生。
缺点:Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用。
需要结合插件使用。
3、框架:Hbuilder(国产)
HBuilder是DCloud(数字天堂)推出一款支持HTML5的Web开发IDE。“快,是HBuilder的最大优势。
优点:跨平台:同时支持iOS、Android、Symbian、Windows Phone。
开发工具:基于Eclipse的开发工具,集成UI控件与应用管理。
本地打包:无需配置环境,无需编译,本地一键打包。
代码加密:基于密钥的加密方式,无法破解,像混编一样保护html代码。
技术支持:技术支持及时响应,重视开发者建议和反馈。
缺点:AppCan免费版因需要把源代码上传到厂商的服务器上打包,对于企业开发来说源代码泄露安全性上有一定 风险。企业版虽然可以解决,但企业版稳定尚待观察。
AppCan采用封装的组件,依赖性比较高。不是开源代码。
ppCan 不能很好的解决原生代码的功能。
4、Wex5(国产)
WeX5应用快速开发框架(含完整的SDK API及全部源码),一次开发、跨端运行。
优点:高效精致的UI组件体系,基于jquery和bootstrap技术,采用增强的RequireJS模块化技术。
基于phonegap(cordova)框架,如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。
可视化拖拽式集成开发环境IDE,全能力的调试支持和智能代码提示。
缺点:使用范围有限:适用:一般app、电商app、客服app、会员app、微店微商等。
用户量小,存在不稳定因素。
总结:
跨平台方面:大部分框架针对android和ios平台,需要做或多或少的代码调整,不能达到完全跨平台。
性能方面:根据不完全统计,Ionic的性能会更好一点。
PhoneGap出现最早,国内框架都是基于Phonegap开发出来的。
基于Html5的移动端(APP)开发框架优势:
跨平台、大幅下降成本、更容易推广、更容易爆发、快速迭代。
一、框架:Hbuilder(国产)简介: HBuilder是DCloud(数字天堂)推出一款支持HTML5的Web开发IDE。“快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块及很多配套,HBuilder能大幅提升HTML、js、css的开发效率。
优点:
1、HTML5语法、HTML5+语法、三大浏览器扩展语法,尽收HBuilder中。
2、每个浏览器发布新版后,一周内,其新增语法就收录入HBuilder。 3、强大到令你震惊的Jquery语法提示! 4、每个语法在哪个浏览器、哪个版本上是否可运行,这里都有。 5、没有比这里更全的语法库,也没有比这里更全的浏览器兼容性数据库。
缺点:
1.云端编译,无法保证安全性。
2.不能完全跨平台。不同平台代码需要微调。
二、Wex5(国产)简介:WeX5应用快速开发框架(含完整的SDK API及全部源码),一次开发、跨端运行。【定位】开发面向消费者和公众的开放应用系统【适用】一般app、电商app、客服app、会员app、微店微商等【前端】安卓app/苹果app/微信服务号/PC web app【后端】后端数据处理组件,对接各主流技术平台【费用】完全开源,彻底免费,无任何限制优点:
1.高效精致的UI组件体系,基于jquery和bootstrap技术,采用增强的RequireJS模块化技术。2.基于phonegap(cordova)框架,如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。3.可视化拖拽式集成开发环境IDE,全能力的调试支持和智能代码提示缺点:
1.使用范围有限:适用:一般app、电商app、客服app、会员app、微店微商等2.用户量小,存在不稳定因素。
三、框架:appcan(国产)简介:AppCan是国内Hybrid App混合模式开发的倡导者,AppCan应用引擎支持Hybrid App的开发和运行。并且着重解决了基于HTML5的移动应用"不流畅"和"体验差"的问题。使用AppCan应用引擎提供的Native交互能力,可以让HTML5开发的移动应用基本接近Native App的体验。与Phonegap支持单一webview使用div为单位开发移动应用不同。AppCan支持多窗口机制,让开发者可以像最传统的网页开发一样,通过页面链接的方式灵活的开发移动应用。基于这种机制,开发者可以开发出大型的移动应用,而不是只能开发简易类型的移动应用。AppCan提供强大的设备调用能力,电话、短信、相机、LBS、传感器、数据库等常用的手机功能,开发者可以通过JS接口调用,轻松构建移动应用。优点:
1.跨平台:同时支持iOS、Android、Symbian、Windows Phone2.原生体验:引入原生UI控件与交互支持(如Action Sheet等)3.开发工具:基于Eclipse的开发工具,集成UI控件与应用管理4.UI框架:提供强大的UI框架,更加易于实现页面布局与交互5.设备API:支持各种手机设备调用,如电话、相机、传感器、定位等6.本地打包:无需配置环境,无需编译,本地一键打包7.插件机制:支持第三方原生插件,支持JS插件8.代码加密:基于密钥的加密方式,无法破解,像混编一样保护html代码统计分析:应用分平台安装数统计,应用启动和使用情况统计9.开放平台:更具本土优势,已经对接Sina、QQ、百度等开放平台10.技术支持:技术支持及时响应,重视开发者建议和反馈缺点:
1.AppCan免费版因需要把源代码上传到厂商的服务器上打包,对于企业开发来说源代码泄露安全性上有一定风险。企业版虽然可以解决,但企业版稳定尚待观察。2.AppCan采用封装的组件,依赖性比较高。不是开源代码。3.AppCan 不能很好的解决原生代码的功能。
四、框架:ApiCloud(国产)简介:APICloud是中国领先的“云端一体”的移动应用云服务提供商。APICloud推行“云端一体”的理念,重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API,简化移动应用开发技术,让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成,可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。APICloud致力成为中国领先的移动垂直领域云服务商,帮助传统软件公司从B/S架构成功走向APP,帮助中国数百万web开发者转化成移动APP专家!。优点:
1.提供开发的IDE。2.提供数据云API、统计云API、推送云API缺点:
与Hbuilder存在版权问题,抄袭Hbuilder
五、框架:Ionic简介: Ionic 是一个强大的 HTML5 应用程序开发框架,号称 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移动端解决方案 可以帮助您使用 Web 技术,比如 HTML、 CSS 和Javascript 构建接近原生体验的移动应用程序。 Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI 库在手机上运行缓慢的问题。优点:
1.追求性能 运行速度快2.轻量级框架3.基于 Angularjs,支持 Angularjs的特性, MVC ,代码易维护4.通过 SASS 构建应用程序。它提供了很多 UI 组件来帮助开发者开发强大的应用。5.接近原生。6.强大的命令行工具3.可利用成熟javascript框架。如:Ext js、jQuery。缺点:
1.Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用2.需要结合插件使用。
六、框架:PhoneGap简介: PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。优点:
1.可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap框架完成。成为连接移动终端的适配器,或者说中间件。2.提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。3.可利用成熟javascript框架。如:Ext js、jQuery。缺点:
1.性能差。运行速度慢,UI反应延时——这是个致命伤。(高端机影响不大)2.不能完全跨平台。不同平台代码需要微调。3.内存消耗大。4.调试难度大。
H5页面页面展示空间比APP小,给使用者带来的记忆负担大于APP。人的大脑能短期记忆,但是这样的记忆是不稳定的。如果用户在滚动翻阅屏幕的过程中,需要临时记忆的信息越多,他们的表现是会越差的。现在,只有很少的人会有耐心慢慢看完长长的内容,H5页面相对于APP而言,多了浏览器导航所占用的屏幕空间。
H5与APP相比的优势在于H5页面可以随意的分享,而且迭代是很方便的,不同的系统只要适配一次即可。但是APP的每次迭代需要在不同系统基础上迭代。
H5页面与APP导航设计不同。H5页面使原有底部导航消失,有效的导航遇到挑战。在设计要考虑导航设计,顶部底部或左右侧,还要考虑如何快速跳转回重要页面,导航快捷键:如顶部固定位置、悬浮圆圈或非首屏时页面右侧悬浮。而APP的导航更直接方便
常见框架优缺点:
1.框架:PhoneGap简介: PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。优点:1.可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap框架完成。成为连接移动终端的适配器,或者说中间件。2.提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。3.可利用成熟javascript框架。如:Ext js、jQuery。缺点:1.性能差。运行速度慢,UI反应延时——这是个致命伤。(高端机影响不大)2.不能完全跨平台。不同平台代码需要微调。3.内存消耗大。4.调试难度大。侧重点:侧重于对硬件的访问控制2.框架:Ionic简介: Ionic 是一个强大的 HTML5应用程序开发框架,号称 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移动端解决方案 可以帮助您使用 Web 技术,比如 HTML、 CSS 和Javascript 构建接近原生体验的移动应用程序。 Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI 库在手机上运行缓慢的问题。优点:1.追求性能 运行速度快2.轻量级框架3.基于 Angularjs,支持 Angularjs的特性, MVC ,代码易维护4.通过 SASS 构建应用程序。它提供了很多 UI 组件来帮助开发者开发强大的应用。5.接近原生。6.强大的命令行工具3.可利用成熟javascript框架。如:Ext js、jQuery。缺点:1.Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用2.需要结合插件使用。侧重点:侧重于前端的交互3.框架:Hbuilder(国产)简介: HBuilder是DCloud(数字天堂)推出一款支持HTML5的Web开发IDE。“快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块及很多配套,HBuilder能大幅提升HTML、js、css的开发效率。优点:1、HTML5语法、HTML5+语法、三大浏览器扩展语法,尽收HBuilder中。 2、每个浏览器发布新版后,一周内,其新增语法就收录入HBuilder。 3、强大到令你震惊的Jquery语法提示! 4、每个语法在哪个浏览器、哪个版本上是否可运行,这里都有。 5、没有比这里更全的语法库,也没有比这里更全的浏览器兼容性数据库。缺点:1.云端编译,无法保证安全性。2.不能完全跨平台。不同平台代码需要微调。侧重点:侧重于编码实现4.框架:appcan(国产)简介:AppCan是国内Hybrid App混合模式开发的倡导者,AppCan应用引擎支持Hybrid App的开发和运行。并且着重解决了基于HTML5的移动应用"不流畅"和"体验差"的问题。使用AppCan应用引擎提供的Native交互能力,可以让HTML5开发的移动应用基本接近Native App的体验。与Phonegap支持单一webview使用div为单位开发移动应用不同。AppCan支持多窗口机制,让开发者可以像最传统的网页开发一样,通过页面链接的方式灵活的开发移动应用。基于这种机制,开发者可以开发出大型的移动应用,而不是只能开发简易类型的移动应用。AppCan提供强大的设备调用能力,电话、短信、相机、LBS、传感器、数据库等常用的手机功能,开发者可以通过JS接口调用,轻松构建移动应用。优点:1.跨平台:同时支持iOS、Android、Symbian、Windows Phone2.原生体验:引入原生UI控件与交互支持(如Action Sheet等)3.开发工具:基于Eclipse的开发工具,集成UI控件与应用管理4.UI框架:提供强大的UI框架,更加易于实现页面布局与交互5.设备API:支持各种手机设备调用,如电话、相机、传感器、定位等6.本地打包:无需配置环境,无需编译,本地一键打包7.插件机制:支持第三方原生插件,支持JS插件8.代码加密:基于密钥的加密方式,无法破解,像混编一样保护html代码统计分析:应用分平台安装数统计,应用启动和使用情况统计9.开放平台:更具本土优势,已经对接Sina、QQ、百度等开放平台10.技术支持:技术支持及时响应,重视开发者建议和反馈缺点:1.AppCan免费版因需要把源代码上传到厂商的服务器上打包,对于企业开发来说源代码泄露安全性上有一定风险。企业版虽然可以解决,但企业版稳定尚待观察。2.AppCan采用封装的组件,依赖性比较高。不是开源代码。3.AppCan 不能很好的解决原生代码的功能。侧重点:不知5.框架:Wex5(国产)简介:WeX5应用快速开发框架(含完整的SDK API及全部源码),一次开发、跨端运行。【定位】开发面向消费者和公众的开放应用系统【适用】一般app、电商app、客服app、会员app、微店微商等【前端】安卓app/苹果app/微信服务号/PC web app【后端】后端数据处理组件,对接各主流技术平台【费用】完全开源,彻底免费,无任何限制优点:1.高效精致的UI组件体系,基于jquery和bootstrap技术,采用增强的RequireJS模块化技术。2.基于phonegap(cordova)框架,如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。3.可视化拖拽式集成开发环境IDE,全能力的调试支持和智能代码提示缺点:1.使用范围有限:适用:一般app、电商app、客服app、会员app、微店微商等2.用户量小,存在不稳定因素。侧重点:不知6.框架:ApiCloud(国产)简介:APICloud是中国领先的“云端一体”的移动应用云服务提供商。APICloud推行“云端一体”的理念,重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API,简化移动应用开发技术,让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成,可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。APICloud致力成为中国领先的移动垂直领域云服务商,帮助传统软件公司从B/S架构成功走向APP,帮助中国数百万web开发者转化成移动APP专家!。优点:1.提供开发的IDE。2.提供数据云API、统计云API、推送云API缺点:与Hbuilder存在版权问题,抄袭Hbuilder侧重点:不知
Wex5(国产)简介:WeX5应用快速开发框架(含完整的SDK API及全部源码),一次开发、跨端运行。【定位】开发面向消费者和公众的开放应用系统【适用】一般app、电商app、客服app、会员app、微店微商等【前端】安卓app/苹果app/微信服务号/PC web app【后端】后端数据处理组件,对接各主流技术平台【费用】完全开源,彻底免费,无任何限制优点:
1.框架:PhoneGap 官网:http://phonegap.com/ 简介: PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。 优点:1.可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap框架完成。成为连接移动终端的适配器,或者说中间件。 2.提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。 3.可利用成熟javascript框架。如:Ext js、jQuery。 缺点:1.性能差。运行速度慢,UI反应延时——这是个致命伤。(高端机影响不大) 2.不能完全跨平台。不同平台代码需要微调。 3.内存消耗大。 4.调试难度大。 侧重点:侧重于对硬件的访问控制
2.框架:Ionic 官网:http://ionicframework.com/ 简介: Ionic 是一个强大的 HTML5 应用程序开发框架,号称 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移动端解决方案 可以帮助您使用 Web 技术,比如 HTML、 CSS 和Javascript 构建接近原生体验的移动应用程序。 Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI 库在手机上运行缓慢的问题。 优点:1.追求性能 运行速度快 2.轻量级框架 3.基于 Angularjs,支持 Angularjs的特性, MVC ,代码易维护 4.通过 SASS 构建应用程序。它提供了很多 UI 组件来帮助开发者开发强大的应用。 5.接近原生。 6.强大的命令行工具 3.可利用成熟javascript框架。如:Ext js、jQuery。 缺点:1.Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用 2.需要结合插件使用。 侧重点:侧重于前端的交互
3.框架:Hbuilder(国产) 官网:http://dcloud.io/ 简介: HBuilder是DCloud(数字天堂)推出一款支持HTML5的Web开发IDE。“快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块及很多配套,HBuilder能大幅提升HTML、js、css的开发效率。 优点:1、HTML5语法、HTML5+语法、三大浏览器扩展语法,尽收HBuilder中。 2、每个浏览器发布新版后,一周内,其新增语法就收录入HBuilder。 3、强大到令你震惊的Jquery语法提示! 4、每个语法在哪个浏览器、哪个版本上是否可运行,这里都有。 5、没有比这里更全的语法库,也没有比这里更全的浏览器兼容性数据库。 缺点:1.云端编译,无法保证安全性。 2.不能完全跨平台。不同平台代码需要微调。 侧重点:侧重于编码实现 4.框架:appcan(国产) 官网:http://www.appcan.cn/ 简介:AppCan是国内Hybrid App混合模式开发的倡导者,AppCan应用引擎支持Hybrid App的开发和运行。并且着重解决了基于HTML5的移动应用"不流畅"和"体验差"的问题。使用AppCan应用引擎提供的Native交互能力,可以让HTML5开发的移动应用基本接近Native App的体验。 与Phonegap支持单一webview使用div为单位开发移动应用不同。AppCan支持多窗口机制,让开发者可以像最传统的网页开发一样,通过页面链接的方式灵活的开发移动应用。基于这种机制,开发者可以开发出大型的移动应用,而不是只能开发简易类型的移动应用。 AppCan提供强大的设备调用能力,电话、短信、相机、LBS、传感器、数据库等常用的手机功能,开发者可以通过JS接口调用,轻松构建移动应用。 优点:1.跨平台:同时支持iOS、Android、Symbian、Windows Phone 2.原生体验:引入原生UI控件与交互支持(如Action Sheet等) 3.开发工具:基于Eclipse的开发工具,集成UI控件与应用管理 4.UI框架:提供强大的UI框架,更加易于实现页面布局与交互 5.设备API:支持各种手机设备调用,如电话、相机、传感器、定位等 6.本地打包:无需配置环境,无需编译,本地一键打包 7.插件机制:支持第三方原生插件,支持JS插件 8.代码加密:基于密钥的加密方式,无法破解,像混编一样保护html代码 统计分析:应用分平台安装数统计,应用启动和使用情况统计 9.开放平台:更具本土优势,已经对接Sina、QQ、百度等开放平台 10.技术支持:技术支持及时响应,重视开发者建议和反馈 缺点:1.AppCan免费版因需要把源代码上传到厂商的服务器上打包,对于企业开发来说源代码泄露安全性上有一定风险。企业版虽然可以解决,但企业版稳定尚待观察。 2.AppCan采用封装的组件,依赖性比较高。不是开源代码。 3.AppCan 不能很好的解决原生代码的功能。 侧重点:不知
5.框架:Wex5(国产) 官网:http://wex5.com/ 简介:WeX5应用快速开发框架(含完整的SDK API及全部源码),一次开发、跨端运行。 【定位】开发面向消费者和公众的开放应用系统 【适用】一般app、电商app、客服app、会员app、微店微商等 【前端】安卓app/苹果app/微信服务号/PC web app 【后端】后端数据处理组件,对接各主流技术平台 【费用】完全开源,彻底免费,无任何限制 优点:1.高效精致的UI组件体系,基于jquery和bootstrap技术,采用增强的RequireJS模块化技术。 2.基于phonegap(cordova)框架,如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。 3.可视化拖拽式集成开发环境IDE,全能力的调试支持和智能代码提示 缺点:1.使用范围有限:适用:一般app、电商app、客服app、会员app、微店微商等 2.用户量小,存在不稳定因素。 侧重点:不知 6.框架:ApiCloud(国产) 官网:http://www.apicloud.com/ 简介:APICloud是中国领先的“云端一体”的移动应用云服务提供商。APICloud推行“云端一体”的理念,重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API,简化移动应用开发技术,让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成,可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。 APICloud致力成为中国领先的移动垂直领域云服务商,帮助传统软件公司从B/S架构成功走向APP,帮助中国数百万web开发者转化成移动APP专家!。 优点:1.提供开发的IDE。 2.提供数据云API、统计云API、推送云API 缺点:与Hbuilder存在版权问题,抄袭Hbuilder 侧重点:不知
结论: 1.跨平台方面:大部分框架针对android和ios平台,需要做或多或少的代码调整,不能达到完全跨平台。 2.性能方面:根据不完全统计,Ionic的性能会更好一点。 3.代码实现方面:Hbuilder具有更高的效率。 4.PhoneGap出现最早,国内框架都是基于Phonegap开发出来的。
注意:
*关于框架的优缺点众说纷纭,从总体看,hybrid app并没有达到native app的实现效果。
*各框架在实现过程中都会遇到不同程度的坑,请根据框架的侧重点谨慎选择应用的框架。
*如果要基于Html5开发App,还需要进一步根据需求验证框架的可实施性、并进行不同框架的效果对比。
HTML5 + CSS + JavaScript 开发 跨平台重用代码
采用rem单位自动响应,并提供独有栅格化系统快速定义宽高、边距节省css代码量,同时总结各大型移动端网页,提供一套ui颜色搭配规范,尺寸规范,字体规范等。
iView UI、ioni、SUI
内部图表大小是与div容器大小位置相关的,如果想调整图表大小位置,调整div的属性就可以。如果是想调整图表与div间上下左右留白,则设置grid属性就可以。
jQTouch
如果只是普通的移动端用vue react 或者dva 如果是要编译成小程序什么的或者混生 就用uni-app(对应vue语法)taro(对应react) 或者纯原生 这个没有限制的,自己怎么舒服怎么来
使用 /deep/ 注意:使用 cass 和 less 只能使用 /deep/ 这个方法
1. 原生。直接告诉你,开发太慢,不能跨平台,先不要学。2. 使用WebView的hybrid app,Cordova/ionic 这些。就是用浏览器运行html,js,css仿app,我用了好几年,学习快,开发块,跨平台。问题是每个安卓版本/苹果版本/浏览器版本运行效果不一致,有些版本还运...
1. LungoJS 这个是被认为开发移动网站最好的HTML5开发框架,使用 HTML5/CSS3 和 JavaScript 技术。可帮助创建基于 iOS、 Android、 Blackberry 和 WebOS 平台的应用程序。该框架可利用当前移动设备的高级特性,可捕捉事件包括滑动、触屏、长按等。无需...
手机移动端响应式动画弹窗提示框插件xwPop,原生JS实现,带CSS3动画效果,丰富的JS弹出框提示信息插件,支持基本信息提示、带图标loading信息提示、confirm提示、自定义信息提示图标,仿Ios信息提示,支持较现代的浏览器。在没有压缩的情况下,代码大小只有6K...
快速搭建自适应网站:http://www.iisp.com/design/?s=yuqiuping
最多设置5个标签!
常用的移动APP开发框架:
1、框架:PhoneGap
PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。
优点:可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap框架完成。
提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知。
可利用成熟javascript框架。如:Ext js、jQuery。
缺点:性能差。运行速度慢,UI反应延时。
不能完全跨平台。不同平台代码需要微调。
内存消耗,调试难度大。
2、框架:Ionic
Ionic 是一个强大的 HTML5 应用程序开发框架, Ionic 主要关注外观和体验,以及应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库,具有速度快,界面现代化、美观等特点。
优点:轻量级框架,运行速度快。
于 Angularjs,支持 Angularjs的特性, MVC ,代码易维护。
通过 SASS 构建应用程序,接近原生。
缺点:Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用。
需要结合插件使用。
3、框架:Hbuilder(国产)
HBuilder是DCloud(数字天堂)推出一款支持HTML5的Web开发IDE。“快,是HBuilder的最大优势。
优点:跨平台:同时支持iOS、Android、Symbian、Windows Phone。
开发工具:基于Eclipse的开发工具,集成UI控件与应用管理。
本地打包:无需配置环境,无需编译,本地一键打包。
代码加密:基于密钥的加密方式,无法破解,像混编一样保护html代码。
技术支持:技术支持及时响应,重视开发者建议和反馈。
缺点:AppCan免费版因需要把源代码上传到厂商的服务器上打包,对于企业开发来说源代码泄露安全性上有一定 风险。企业版虽然可以解决,但企业版稳定尚待观察。
AppCan采用封装的组件,依赖性比较高。不是开源代码。
ppCan 不能很好的解决原生代码的功能。
4、Wex5(国产)
WeX5应用快速开发框架(含完整的SDK API及全部源码),一次开发、跨端运行。
优点:高效精致的UI组件体系,基于jquery和bootstrap技术,采用增强的RequireJS模块化技术。
基于phonegap(cordova)框架,如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。
可视化拖拽式集成开发环境IDE,全能力的调试支持和智能代码提示。
缺点:使用范围有限:适用:一般app、电商app、客服app、会员app、微店微商等。
用户量小,存在不稳定因素。
总结:
跨平台方面:大部分框架针对android和ios平台,需要做或多或少的代码调整,不能达到完全跨平台。
性能方面:根据不完全统计,Ionic的性能会更好一点。
PhoneGap出现最早,国内框架都是基于Phonegap开发出来的。
基于Html5的移动端(APP)开发框架优势:
跨平台、大幅下降成本、更容易推广、更容易爆发、快速迭代。
一、框架:Hbuilder(国产)
简介: HBuilder是DCloud(数字天堂)推出一款支持HTML5的Web开发IDE。“快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块及很多配套,HBuilder能大幅提升HTML、js、css的开发效率。
优点:
1、HTML5语法、HTML5+语法、三大浏览器扩展语法,尽收HBuilder中。
2、每个浏览器发布新版后,一周内,其新增语法就收录入HBuilder。
3、强大到令你震惊的Jquery语法提示!
4、每个语法在哪个浏览器、哪个版本上是否可运行,这里都有。
5、没有比这里更全的语法库,也没有比这里更全的浏览器兼容性数据库。
缺点:
1.云端编译,无法保证安全性。
2.不能完全跨平台。不同平台代码需要微调。
二、Wex5(国产)
简介:WeX5应用快速开发框架(含完整的SDK API及全部源码),一次开发、跨端运行。
【定位】开发面向消费者和公众的开放应用系统
【适用】一般app、电商app、客服app、会员app、微店微商等
【前端】安卓app/苹果app/微信服务号/PC web app
【后端】后端数据处理组件,对接各主流技术平台
【费用】完全开源,彻底免费,无任何限制
优点:
1.高效精致的UI组件体系,基于jquery和bootstrap技术,采用增强的RequireJS模块化技术。
2.基于phonegap(cordova)框架,如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。
3.可视化拖拽式集成开发环境IDE,全能力的调试支持和智能代码提示
缺点:
1.使用范围有限:适用:一般app、电商app、客服app、会员app、微店微商等
2.用户量小,存在不稳定因素。
三、框架:appcan(国产)
简介:AppCan是国内Hybrid App混合模式开发的倡导者,AppCan应用引擎支持Hybrid App的开发和运行。并且着重解决了基于HTML5的移动应用"不流畅"和"体验差"的问题。使用AppCan应用引擎提供的Native交互能力,可以让HTML5开发的移动应用基本接近Native App的体验。
与Phonegap支持单一webview使用div为单位开发移动应用不同。AppCan支持多窗口机制,让开发者可以像最传统的网页开发一样,通过页面链接的方式灵活的开发移动应用。基于这种机制,开发者可以开发出大型的移动应用,而不是只能开发简易类型的移动应用。
AppCan提供强大的设备调用能力,电话、短信、相机、LBS、传感器、数据库等常用的手机功能,开发者可以通过JS接口调用,轻松构建移动应用。
优点:
1.跨平台:同时支持iOS、Android、Symbian、Windows Phone
2.原生体验:引入原生UI控件与交互支持(如Action Sheet等)
3.开发工具:基于Eclipse的开发工具,集成UI控件与应用管理
4.UI框架:提供强大的UI框架,更加易于实现页面布局与交互
5.设备API:支持各种手机设备调用,如电话、相机、传感器、定位等
6.本地打包:无需配置环境,无需编译,本地一键打包
7.插件机制:支持第三方原生插件,支持JS插件
8.代码加密:基于密钥的加密方式,无法破解,像混编一样保护html代码
统计分析:应用分平台安装数统计,应用启动和使用情况统计
9.开放平台:更具本土优势,已经对接Sina、QQ、百度等开放平台
10.技术支持:技术支持及时响应,重视开发者建议和反馈
缺点:
1.AppCan免费版因需要把源代码上传到厂商的服务器上打包,对于企业开发来说源代码泄露安全性上有一定风险。企业版虽然可以解决,但企业版稳定尚待观察。
2.AppCan采用封装的组件,依赖性比较高。不是开源代码。
3.AppCan 不能很好的解决原生代码的功能。
四、框架:ApiCloud(国产)
简介:APICloud是中国领先的“云端一体”的移动应用云服务提供商。APICloud推行“云端一体”的理念,重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API,简化移动应用开发技术,让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成,可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。
APICloud致力成为中国领先的移动垂直领域云服务商,帮助传统软件公司从B/S架构成功走向APP,帮助中国数百万web开发者转化成移动APP专家!。
优点:
1.提供开发的IDE。
2.提供数据云API、统计云API、推送云API
缺点:
与Hbuilder存在版权问题,抄袭Hbuilder
五、框架:Ionic
简介: Ionic 是一个强大的 HTML5 应用程序开发框架,号称 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移动端解决方案 可以帮助您使用 Web 技术,比如 HTML、 CSS 和Javascript 构建接近原生体验的移动应用程序。 Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI 库在手机上运行缓慢的问题。
优点:
1.追求性能 运行速度快
2.轻量级框架
3.基于 Angularjs,支持 Angularjs的特性, MVC ,代码易维护
4.通过 SASS 构建应用程序。它提供了很多 UI 组件来帮助开发者开发强大的应用。
5.接近原生。
6.强大的命令行工具
3.可利用成熟javascript框架。如:Ext js、jQuery。
缺点:
1.Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用
2.需要结合插件使用。
六、框架:PhoneGap
简介: PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。
优点:
1.可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap框架完成。成为连接移动终端的适配器,或者说中间件。
2.提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。
3.可利用成熟javascript框架。如:Ext js、jQuery。
缺点:
1.性能差。运行速度慢,UI反应延时——这是个致命伤。(高端机影响不大)
2.不能完全跨平台。不同平台代码需要微调。
3.内存消耗大。
4.调试难度大。
H5页面页面展示空间比APP小,给使用者带来的记忆负担大于APP。人的大脑能短期记忆,但是这样的记忆是不稳定的。如果用户在滚动翻阅屏幕的过程中,需要临时记忆的信息越多,他们的表现是会越差的。现在,只有很少的人会有耐心慢慢看完长长的内容,H5页面相对于APP而言,多了浏览器导航所占用的屏幕空间。
H5与APP相比的优势在于H5页面可以随意的分享,而且迭代是很方便的,不同的系统只要适配一次即可。但是APP的每次迭代需要在不同系统基础上迭代。
H5页面与APP导航设计不同。H5页面使原有底部导航消失,有效的导航遇到挑战。在设计要考虑导航设计,顶部底部或左右侧,还要考虑如何快速跳转回重要页面,导航快捷键:如顶部固定位置、悬浮圆圈或非首屏时页面右侧悬浮。而APP的导航更直接方便
常见框架优缺点:
1.框架:PhoneGap
简介: PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。
优点:1.可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap框架完成。成为连接移动终端的适配器,或者说中间件。
2.提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。
3.可利用成熟javascript框架。如:Ext js、jQuery。
缺点:1.性能差。运行速度慢,UI反应延时——这是个致命伤。(高端机影响不大)
2.不能完全跨平台。不同平台代码需要微调。
3.内存消耗大。
4.调试难度大。
侧重点:侧重于对硬件的访问控制
2.框架:Ionic
简介: Ionic 是一个强大的 HTML5应用程序开发框架,号称 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移动端解决方案 可以帮助您使用 Web 技术,比如 HTML、 CSS 和Javascript 构建接近原生体验的移动应用程序。 Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI 库在手机上运行缓慢的问题。
优点:1.追求性能 运行速度快
2.轻量级框架
3.基于 Angularjs,支持 Angularjs的特性, MVC ,代码易维护
4.通过 SASS 构建应用程序。它提供了很多 UI 组件来帮助开发者开发强大的应用。
5.接近原生。
6.强大的命令行工具
3.可利用成熟javascript框架。如:Ext js、jQuery。
缺点:1.Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用
2.需要结合插件使用。
侧重点:侧重于前端的交互
3.框架:Hbuilder(国产)
简介: HBuilder是DCloud(数字天堂)推出一款支持HTML5的Web开发IDE。“快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块及很多配套,HBuilder能大幅提升HTML、js、css的开发效率。
优点:1、HTML5语法、HTML5+语法、三大浏览器扩展语法,尽收HBuilder中。
2、每个浏览器发布新版后,一周内,其新增语法就收录入HBuilder。
3、强大到令你震惊的Jquery语法提示!
4、每个语法在哪个浏览器、哪个版本上是否可运行,这里都有。
5、没有比这里更全的语法库,也没有比这里更全的浏览器兼容性数据库。
缺点:1.云端编译,无法保证安全性。
2.不能完全跨平台。不同平台代码需要微调。
侧重点:侧重于编码实现
4.框架:appcan(国产)
简介:AppCan是国内Hybrid App混合模式开发的倡导者,AppCan应用引擎支持Hybrid App的开发和运行。并且着重解决了基于HTML5的移动应用"不流畅"和"体验差"的问题。使用AppCan应用引擎提供的Native交互能力,可以让HTML5开发的移动应用基本接近Native App的体验。
与Phonegap支持单一webview使用div为单位开发移动应用不同。AppCan支持多窗口机制,让开发者可以像最传统的网页开发一样,通过页面链接的方式灵活的开发移动应用。基于这种机制,开发者可以开发出大型的移动应用,而不是只能开发简易类型的移动应用。
AppCan提供强大的设备调用能力,电话、短信、相机、LBS、传感器、数据库等常用的手机功能,开发者可以通过JS接口调用,轻松构建移动应用。
优点:1.跨平台:同时支持iOS、Android、Symbian、Windows Phone
2.原生体验:引入原生UI控件与交互支持(如Action Sheet等)
3.开发工具:基于Eclipse的开发工具,集成UI控件与应用管理
4.UI框架:提供强大的UI框架,更加易于实现页面布局与交互
5.设备API:支持各种手机设备调用,如电话、相机、传感器、定位等
6.本地打包:无需配置环境,无需编译,本地一键打包
7.插件机制:支持第三方原生插件,支持JS插件
8.代码加密:基于密钥的加密方式,无法破解,像混编一样保护html代码
统计分析:应用分平台安装数统计,应用启动和使用情况统计
9.开放平台:更具本土优势,已经对接Sina、QQ、百度等开放平台
10.技术支持:技术支持及时响应,重视开发者建议和反馈
缺点:1.AppCan免费版因需要把源代码上传到厂商的服务器上打包,对于企业开发来说源代码泄露安全性上有一定风险。企业版虽然可以解决,但企业版稳定尚待观察。
2.AppCan采用封装的组件,依赖性比较高。不是开源代码。
3.AppCan 不能很好的解决原生代码的功能。
侧重点:不知
5.框架:Wex5(国产)
简介:WeX5应用快速开发框架(含完整的SDK API及全部源码),一次开发、跨端运行。
【定位】开发面向消费者和公众的开放应用系统
【适用】一般app、电商app、客服app、会员app、微店微商等
【前端】安卓app/苹果app/微信服务号/PC web app
【后端】后端数据处理组件,对接各主流技术平台
【费用】完全开源,彻底免费,无任何限制
优点:1.高效精致的UI组件体系,基于jquery和bootstrap技术,采用增强的RequireJS模块化技术。
2.基于phonegap(cordova)框架,如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。
3.可视化拖拽式集成开发环境IDE,全能力的调试支持和智能代码提示
缺点:1.使用范围有限:适用:一般app、电商app、客服app、会员app、微店微商等
2.用户量小,存在不稳定因素。
侧重点:不知
6.框架:ApiCloud(国产)
简介:APICloud是中国领先的“云端一体”的移动应用云服务提供商。APICloud推行“云端一体”的理念,重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API,简化移动应用开发技术,让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成,可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。
APICloud致力成为中国领先的移动垂直领域云服务商,帮助传统软件公司从B/S架构成功走向APP,帮助中国数百万web开发者转化成移动APP专家!。
优点:1.提供开发的IDE。
2.提供数据云API、统计云API、推送云API
缺点:与Hbuilder存在版权问题,抄袭Hbuilder
侧重点:不知
Wex5(国产)
简介:WeX5应用快速开发框架(含完整的SDK API及全部源码),一次开发、跨端运行。
【定位】开发面向消费者和公众的开放应用系统
【适用】一般app、电商app、客服app、会员app、微店微商等
【前端】安卓app/苹果app/微信服务号/PC web app
【后端】后端数据处理组件,对接各主流技术平台
【费用】完全开源,彻底免费,无任何限制
优点:
1.高效精致的UI组件体系,基于jquery和bootstrap技术,采用增强的RequireJS模块化技术。
2.基于phonegap(cordova)框架,如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。
3.可视化拖拽式集成开发环境IDE,全能力的调试支持和智能代码提示
缺点:
1.使用范围有限:适用:一般app、电商app、客服app、会员app、微店微商等
2.用户量小,存在不稳定因素。
1、框架:PhoneGap
PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。
优点:可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap框架完成。
提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知。
可利用成熟javascript框架。如:Ext js、jQuery。
缺点:性能差。运行速度慢,UI反应延时。
不能完全跨平台。不同平台代码需要微调。
内存消耗,调试难度大。
2、框架:Ionic
Ionic 是一个强大的 HTML5 应用程序开发框架, Ionic 主要关注外观和体验,以及应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库,具有速度快,界面现代化、美观等特点。
优点:轻量级框架,运行速度快。
于 Angularjs,支持 Angularjs的特性, MVC ,代码易维护。
通过 SASS 构建应用程序,接近原生。
缺点:Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用。
需要结合插件使用。
3、框架:Hbuilder(国产)
HBuilder是DCloud(数字天堂)推出一款支持HTML5的Web开发IDE。“快,是HBuilder的最大优势。
优点:跨平台:同时支持iOS、Android、Symbian、Windows Phone。
开发工具:基于Eclipse的开发工具,集成UI控件与应用管理。
本地打包:无需配置环境,无需编译,本地一键打包。
代码加密:基于密钥的加密方式,无法破解,像混编一样保护html代码。
技术支持:技术支持及时响应,重视开发者建议和反馈。
缺点:AppCan免费版因需要把源代码上传到厂商的服务器上打包,对于企业开发来说源代码泄露安全性上有一定 风险。企业版虽然可以解决,但企业版稳定尚待观察。
回答: 2022-03-10 10:44
1、框架:PhoneGap
PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。
优点:可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap框架完成。
提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知。
可利用成熟javascript框架。如:Ext js、jQuery。
缺点:性能差。运行速度慢,UI反应延时。
不能完全跨平台。不同平台代码需要微调。
内存消耗,调试难度大。
2、框架:Ionic
Ionic 是一个强大的 HTML5 应用程序开发框架, Ionic 主要关注外观和体验,以及应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库,具有速度快,界面现代化、美观等特点。
优点:轻量级框架,运行速度快。
1.框架:PhoneGap 官网:http://phonegap.com/ 简介: PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。 优点:1.可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap框架完成。成为连接移动终端的适配器,或者说中间件。 2.提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。 3.可利用成熟javascript框架。如:Ext js、jQuery。 缺点:1.性能差。运行速度慢,UI反应延时——这是个致命伤。(高端机影响不大) 2.不能完全跨平台。不同平台代码需要微调。 3.内存消耗大。 4.调试难度大。 侧重点:侧重于对硬件的访问控制
2.框架:Ionic 官网:http://ionicframework.com/ 简介: Ionic 是一个强大的 HTML5 应用程序开发框架,号称 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移动端解决方案 可以帮助您使用 Web 技术,比如 HTML、 CSS 和Javascript 构建接近原生体验的移动应用程序。 Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI 库在手机上运行缓慢的问题。 优点:1.追求性能 运行速度快 2.轻量级框架 3.基于 Angularjs,支持 Angularjs的特性, MVC ,代码易维护 4.通过 SASS 构建应用程序。它提供了很多 UI 组件来帮助开发者开发强大的应用。 5.接近原生。 6.强大的命令行工具 3.可利用成熟javascript框架。如:Ext js、jQuery。 缺点:1.Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用 2.需要结合插件使用。 侧重点:侧重于前端的交互
3.框架:Hbuilder(国产) 官网:http://dcloud.io/ 简介: HBuilder是DCloud(数字天堂)推出一款支持HTML5的Web开发IDE。“快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块及很多配套,HBuilder能大幅提升HTML、js、css的开发效率。 优点:1、HTML5语法、HTML5+语法、三大浏览器扩展语法,尽收HBuilder中。 2、每个浏览器发布新版后,一周内,其新增语法就收录入HBuilder。 3、强大到令你震惊的Jquery语法提示! 4、每个语法在哪个浏览器、哪个版本上是否可运行,这里都有。 5、没有比这里更全的语法库,也没有比这里更全的浏览器兼容性数据库。 缺点:1.云端编译,无法保证安全性。 2.不能完全跨平台。不同平台代码需要微调。 侧重点:侧重于编码实现 4.框架:appcan(国产) 官网:http://www.appcan.cn/ 简介:AppCan是国内Hybrid App混合模式开发的倡导者,AppCan应用引擎支持Hybrid App的开发和运行。并且着重解决了基于HTML5的移动应用"不流畅"和"体验差"的问题。使用AppCan应用引擎提供的Native交互能力,可以让HTML5开发的移动应用基本接近Native App的体验。 与Phonegap支持单一webview使用div为单位开发移动应用不同。AppCan支持多窗口机制,让开发者可以像最传统的网页开发一样,通过页面链接的方式灵活的开发移动应用。基于这种机制,开发者可以开发出大型的移动应用,而不是只能开发简易类型的移动应用。 AppCan提供强大的设备调用能力,电话、短信、相机、LBS、传感器、数据库等常用的手机功能,开发者可以通过JS接口调用,轻松构建移动应用。 优点:1.跨平台:同时支持iOS、Android、Symbian、Windows Phone 2.原生体验:引入原生UI控件与交互支持(如Action Sheet等) 3.开发工具:基于Eclipse的开发工具,集成UI控件与应用管理 4.UI框架:提供强大的UI框架,更加易于实现页面布局与交互 5.设备API:支持各种手机设备调用,如电话、相机、传感器、定位等 6.本地打包:无需配置环境,无需编译,本地一键打包 7.插件机制:支持第三方原生插件,支持JS插件 8.代码加密:基于密钥的加密方式,无法破解,像混编一样保护html代码 统计分析:应用分平台安装数统计,应用启动和使用情况统计 9.开放平台:更具本土优势,已经对接Sina、QQ、百度等开放平台 10.技术支持:技术支持及时响应,重视开发者建议和反馈 缺点:1.AppCan免费版因需要把源代码上传到厂商的服务器上打包,对于企业开发来说源代码泄露安全性上有一定风险。企业版虽然可以解决,但企业版稳定尚待观察。 2.AppCan采用封装的组件,依赖性比较高。不是开源代码。 3.AppCan 不能很好的解决原生代码的功能。 侧重点:不知
5.框架:Wex5(国产) 官网:http://wex5.com/ 简介:WeX5应用快速开发框架(含完整的SDK API及全部源码),一次开发、跨端运行。 【定位】开发面向消费者和公众的开放应用系统 【适用】一般app、电商app、客服app、会员app、微店微商等 【前端】安卓app/苹果app/微信服务号/PC web app 【后端】后端数据处理组件,对接各主流技术平台 【费用】完全开源,彻底免费,无任何限制 优点:1.高效精致的UI组件体系,基于jquery和bootstrap技术,采用增强的RequireJS模块化技术。 2.基于phonegap(cordova)框架,如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。 3.可视化拖拽式集成开发环境IDE,全能力的调试支持和智能代码提示 缺点:1.使用范围有限:适用:一般app、电商app、客服app、会员app、微店微商等 2.用户量小,存在不稳定因素。 侧重点:不知 6.框架:ApiCloud(国产) 官网:http://www.apicloud.com/ 简介:APICloud是中国领先的“云端一体”的移动应用云服务提供商。APICloud推行“云端一体”的理念,重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API,简化移动应用开发技术,让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成,可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。 APICloud致力成为中国领先的移动垂直领域云服务商,帮助传统软件公司从B/S架构成功走向APP,帮助中国数百万web开发者转化成移动APP专家!。 优点:1.提供开发的IDE。 2.提供数据云API、统计云API、推送云API 缺点:与Hbuilder存在版权问题,抄袭Hbuilder 侧重点:不知
结论: 1.跨平台方面:大部分框架针对android和ios平台,需要做或多或少的代码调整,不能达到完全跨平台。 2.性能方面:根据不完全统计,Ionic的性能会更好一点。 3.代码实现方面:Hbuilder具有更高的效率。 4.PhoneGap出现最早,国内框架都是基于Phonegap开发出来的。
注意:
*关于框架的优缺点众说纷纭,从总体看,hybrid app并没有达到native app的实现效果。
*各框架在实现过程中都会遇到不同程度的坑,请根据框架的侧重点谨慎选择应用的框架。
*如果要基于Html5开发App,还需要进一步根据需求验证框架的可实施性、并进行不同框架的效果对比。
相关问题推荐
HTML5 + CSS + JavaScript 开发 跨平台重用代码
采用rem单位自动响应,并提供独有栅格化系统快速定义宽高、边距节省css代码量,同时总结各大型移动端网页,提供一套ui颜色搭配规范,尺寸规范,字体规范等。
iView UI、ioni、SUI
内部图表大小是与div容器大小位置相关的,如果想调整图表大小位置,调整div的属性就可以。如果是想调整图表与div间上下左右留白,则设置grid属性就可以。
jQTouch
如果只是普通的移动端用vue react 或者dva 如果是要编译成小程序什么的或者混生 就用uni-app(对应vue语法)taro(对应react) 或者纯原生 这个没有限制的,自己怎么舒服怎么来
使用 /deep/ 注意:使用 cass 和 less 只能使用 /deep/ 这个方法
1. 原生。直接告诉你,开发太慢,不能跨平台,先不要学。2. 使用WebView的hybrid app,Cordova/ionic 这些。就是用浏览器运行html,js,css仿app,我用了好几年,学习快,开发块,跨平台。问题是每个安卓版本/苹果版本/浏览器版本运行效果不一致,有些版本还运...
1. LungoJS 这个是被认为开发移动网站最好的HTML5开发框架,使用 HTML5/CSS3 和 JavaScript 技术。可帮助创建基于 iOS、 Android、 Blackberry 和 WebOS 平台的应用程序。该框架可利用当前移动设备的高级特性,可捕捉事件包括滑动、触屏、长按等。无需...
手机移动端响应式动画弹窗提示框插件xwPop,原生JS实现,带CSS3动画效果,丰富的JS弹出框提示信息插件,支持基本信息提示、带图标loading信息提示、confirm提示、自定义信息提示图标,仿Ios信息提示,支持较现代的浏览器。在没有压缩的情况下,代码大小只有6K...
快速搭建自适应网站:http://www.iisp.com/design/?s=yuqiuping