开发框架汇总

文章描述:-2022年4月13日发(作者:田竺僧)基于Html5的移动端APP开发框架共包括以下7个,PhoneGap,Ionic,Hbuilder,appcan,Wex5,ApiCloud,JQueryMobile.还有补充。Bootstrap,WeUI,FrozenUI,SemanticUI,Pure,Foundation,MUI,AmazeUI,AppceleratorTitanium,SenchaT

-

开发框架汇总
2022年4月13日发
(作者:田竺僧)

基于Html5的移动端APP开发框架

共包括以下7个,PhoneGap,Ionic,Hbuilder,appcan,Wex5,ApiCloud,JQueryMobile.

还有补充。Bootstrap,WeUI,FrozenUI,SemanticUI,Pure,Foundation,MUI,AmazeUI

AppceleratorTitanium,SenchaTouch,React,

KendoUI

一.框架:PhoneGap

1、:/

2、简介:PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应

用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada

和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此

外PhoneGap拥有丰富的插件,可以调用。

3、优点:

(1)可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap

框架完成。成为连接移动终端的适配器,或者说中间件。

(2)提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、

网络、通知(警告、声音和振动)、存储。

(3)可利用成熟javascript框架。如:Extjs、jQuery。

4、缺点:

(1)性能差。运行速度慢,UI反应延时——这是个致命伤。(高端机影响不大)

(2)不能完全跨平台。不同平台代码需要微调。

(3)内存消耗大。

(4)调试难度大。

5、环境搭建与配置,/aaawqqq/article/details/19755179/

(1)javaJDK(搜索一下.......)

(2)androidSDK最新版

(3)Ant打包工具

(4)eclipse(建议使用google的因为内置ADT)

(5)ADT(ecplise里的插件,安卓开发工具插件)

(6)

(7)sublime(代码编辑器)

(8)phonegap安装

二.框架:Ionic

1、:/

2、简介:Ionic是一个强大的HTML5应用程序开发框架,号称AdvancedHTML5Hybrid

MobileAppFramework是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框架。如:Extjs、jQuery。

4、缺点:

(1)Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用

(2)需要结合插件使用。

5、环境搭建与配置

(1)javaJDK(搜索一下.......)

(2)androidSDK最新版

(3)eclipse(建议使用google的因为内置ADT)

(4)

(5)phonegap安装

(6)Ionic安装

(7)Webstorm安装

三.框架:Hbuilder

1、:/

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、环境搭建与配置/book/chapterDetail/2

(1)只需要基础的java环境,其余的android和ios环境统统不需要。

(2)下载安装HBuilder。

四.框架:appcan

1、:/

2、简介:AppCan是国内HybridApp混合模式开发的倡导者,AppCan应用引擎支持Hybrid

App的开发和运行。并且着重解决了基于HTML5的移动应用”不流畅”和”体验差”的问

题。使用AppCan应用引擎提供的ative交互能力,可以让HTML5开发的移动应用基本接

近ativeApp的体验。与Phonegap支持单一webview使用div为单位开发移动应用不同。

AppCan支持多窗口机制,让开发者可以像最传统的网页开发一样,通过页面链接的方式灵

活的开发移动应用。基于这种机制,开发者可以开发出大型的移动应用,而不是只能开发简

易类型的移动应用。

AppCan提供强大的设备调用能力,电话、、相机、LBS、传感器、数据库等常用

的手机功能,开发者可以通过JS接口调用,轻松构建移动应用。

3、优点:

(3)跨平台:同时支持iOS、Android、Symbian、WindowsPhone

(4)原生体验:引入原生UI控件与交互支持(如ActionSheet等)

(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、环境搭建与配置/AppCan1/p/

(1)AppCanIDE下载安装

五.框架:Wex5

1、:/

2、简介:WeX5应用快速开发框架(含完整的SDKAPI及全部源码),一次开发、跨端运

行。

【定位】开发面向消费者和公众的开放应用系统

【适用】一般app、电商app、客服app、会员app、微店微商等

【前端】安卓app/苹果app/服务号/PCwebapp

【后端】后端数据处理组件,对接各主流技术平台

【费用】完全开源,彻底免费,无任何限制

3、优点:

(1)高效精致的UI组件体系,基于jquery和bootstrap技术,采用增强的RequireJS模块化

技术。

(2)基于phonegap(cordova)框架,如相机、地图、LBS定位、指南针、通讯录、文件、语

音、电池等。

(3)可视化拖拽式集成开发环境IDE,全能力的调试支持和智能代码提示。

4、缺点:

(1)使用范围有限:适用:一般app、电商app、客服app、会员app、微店微商等

(2)用户量小,存在不稳定因素。

5、环境搭建与配置/wex5-development-environment-deployment/

六.框架:ApiCloud

1、:/

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、环境搭建与配置/APICloud/creating-first-app

(1)下载并安装APICloudStudio2开发环境,APICloudStudio2当前支持WindowsmacOS

Linux系统。

七、JQueryMobile

1、:/

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上的热门开源项目,包括ASA的MSBC(微软全国

广播公司)的Breakingews都使用了该项目。国内一些移动开发者较为熟悉的框架,如

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+K2,原生UI

鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原

生感觉,因此追求原生UI感觉也是我们的重要目标

十、WeUI

WeUI是一套同原生视觉体验一致的基础样式库,由官方设计团队为内网页开

发量身设计,可以令用户的使用感知更加统一。

1、优点

(1)视觉效果,令所有用户都能更容易地使用。

(2)便捷获取快速使用,降低开发和设计成本,清晰明确,简洁大方。

(3)设计团队精心打造,清晰明确,简洁大方。

2、缺点

框架本身没有考虑到非场景下的使用。

十一、FrozenUI

FrozenUI是一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取

最常用的组件,做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用

在腾讯手Q增值业务中。

优点:

1.Web页面,而针对非手Q规范的页面,可通过修改变量定制界面主题。2.可以按需选

择需要的组件,也可以采用cdn和combo的方式按需加载。3.使用iconfont展示图标,包

含了按钮,列表,表单,提示,弹窗等常用组件,新增文本,布局,1px,文字截断,占位,

两端留白,两端对齐等解决方案,同时解决了移动端屏幕适配问题。4.CSS使用模块化的

样式命名和组织规范,使用sass编写css代码。5.FrozenJS是针对移动端开发的js组件

库,其依赖和FrozenUI。6.FrozenJS包括:basicFrozenJS的一些基础功能,

包括模板引擎、tap支持等。7.包含了常用的UI组件,dialog等。

十二、SemanticUI

用于使用手Q规范设计的SemanticUI是一个用来帮助创建漂亮、响应化、人性化的开发框

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.你可以根据自己项目情况完全自定义定制(定义栅格、颜、字体大小等)

十五、AmazeUI

AmazeUI是国内首款Html5开源跨屏前端框架,优秀开源前端框架,拥有丰富的CSS+JS

组件。轻量级高性能开源框架,以移动优先(Mobilefirst)为理念,从小屏逐步扩展到大屏,

最终实现所有屏幕适配,适应移动互联潮流;面向HTML5开发,使用CSS3来做动画交

互,平滑、高效,更适合移动设备,让Web应用更快速载;含近20个CSS组件、10个

JS组件,更有17款包含近60个主题的Web组件,可快速构建界面出、体验优秀的

跨屏页面,大幅提升开发效率;相比国外框架,AmazeUI关注中文排版,根据用户代理调

整字体,实现更好的中文排版效果;兼顾国内主流浏览器及App内置浏览器兼容支持。

十六、AppceleratorTitanium框架

/

Titanium是一个跟手机平台无关的开发框架,用来开发具有本地应用效果的Web应用。当

前主要支持iPhone和Android手机。

1、优点:

/

2、缺点:

/

十七、SenchaTouch框架

(较为复杂)

SenchaTouch框架是世界上第一个基于HTML5的MobileApp框架。SenchaTouch可以让你

的WebApp看起来像ativeApp。美丽的用户界面组件和丰富的数据管理,全部基于最新

的HTML5和CSS3的WEB标准,全面兼容Android和AppleiOS设备。提供了丰富的WEB

UI组件,可以快速的开发出运行于移动终端的应用程序。

十八、KendoUI框架

(收费)

KendoUI的每个方面都从底层开始构建,以提供强大的JavaScript应用程序性能。KendoUI

不是另一个jQueryUI的克隆,它的每一个决定都是从优化性能出发。从轻量级的、执行明

显快于jQurey模板的内置模板库,到利用CSS3硬件加速的(如果可能)优化动画和先进的

虚拟化用户界面,KendoUI不遗余力地提供高性能的客户端UI。

十九、React框架

优点:

(1)能够实现服务器端的渲染,便于搜索引擎优化。这一点要比Backbone,Angular1.x和

Ember早期强

(2)能够很好的和现有的代码结合。React只是MVC中的View层,对于其他的部分并没有

硬性要求。意味着很多公司在选择用Angular全部重构和用React部分重构的时候,选

择了React部分重构

(3)因为一切都是component,所以代码更加模块化,重用代码更容易

(4)学起来非常容易,几个小时就可以入门因为强调只从和生成HTML,

写起来bug比较少

缺点:

(1)并不是一个完整的框架,基本都需要加上ReactRouter和Flux才能写大型应用

-

开发框架汇总

发布时间:2022-04-13 05:57:48
文章版权声明:除非注明,否则均为IT技术网-学习WEB前端开发等IT技术的网络平台原创文章,转载或复制请以超链接形式并注明出处。

发表评论

评论列表 (有 16 条评论,778人围观)
张丰毅主演的电视剧V铁粉7 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
按钮
817事件V铁粉28 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
文字截断
settimeintervalV铁粉26 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
它提供了很多UI组件来帮助开发者开发强大的应用
回家奔丧V铁粉20 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
Android
星光教育V铁粉28 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
优点:(1)HTML5语法
中国印钞造币总公司V铁粉29 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
授权:完全开源
苏州二手房V铁粉12 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
可以令用户的使用感知更加统一
汉仪大黑简V铁粉9 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
SemanticUI用于使用手Q规范设计的SemanticUI是一个用来帮助创建漂亮
苯酚的用途V铁粉26 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
缺点框架本身没有考虑到非场景下的使用
荣克敏V铁粉8 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
运行速度慢
瘦脸针对比图V铁粉30 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
:/2
汇丰苑V铁粉4 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
网络
防攻击空间V铁粉20 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
两端留白
人心齐V铁粉15 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
对语序
公司改名V铁粉9 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
发布

最近发表

随便看看

热门文章

标签列表