h5开发app框架讲解 h5开发app用什么框架


h5开发app框架讲解 h5开发app用什么框架

文章插图
H5开发app经常用到的框架有:jquery mobile框架 , bootstrap框架 , ionic框架 , Mobile Angular UI框架以及Sencha Touch框架等等 。
今天给大家介绍一些常用的HTML5开发APP的框架,这几款框架都是比较优秀的移动 Web 开发框架 , 能够帮助开发者更加高效的开发移动Web应用 。

jquery mobile框架
jQuery Mobile是jQuery 在手机上和平板设备上的版本 。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库 , 而且会发布一个完整统一的jQuery移动UI框架 。支持全球主流的移动平台 。
bootstrap框架
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的 , 它简洁灵活 , 使得 Web 开发更加快捷 。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发 , 是一个CSS/HTML框架 。Bootstrap提供了优雅的HTML和CSS规范 , 它即是由动态CSS语言Less写成 。Bootstrap一经推出后颇受欢迎 , 一直是GitHub上的热门开源项目 , 包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目 。国内一些移动开发者较为熟悉的框架 , 如WeX5前端开源框架等 , 也是基于Bootstrap源码进行性能优化而来 。
ionic框架
Ionic 是一个强大的 HTML5 应用程序开发框架 , 可以帮助您使用 Web 技术 , 比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序 。Ionic 主要关注外观和体验 , 以及和你的应用程序的 UI 交互 , 特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发 。
Mobile Angular UI框架
Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架 。
Mobile Angular UI的关键字有:
1. Bootstrap 3
2. AngularJS
Bootstrap 3 Mobile组件 , 比如switches, overlays和sidebars , 这些都是bootstrap中没有的 。AngularJS modules ,  比如 angular-route, angular-touch 和 angular-animate
响应式媒体查询是将bootstrap作为单独的文件 , 你只需要包含你所需要的东西 。Mobile Angular UIu并不包含任何jQuery依赖 , 你需要做的只是通过一些AngularJS指令创建友好的用户体验 。
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 。
PhoneGap框架
说到跨平台开发工具 , 很多人首先会想到PhoneGap 。这样一款能够让开发者使用HTML、JS、CSS来开发跨平台移动App的开源免费框架 , 一直以来都深受开发者喜爱 , 从iOS、Android、BB10、Windows Phone到Amazon Fire OS、Tizen等 , 各大主流移动平台一应俱全 , 还能让开发者充分利用地理位置、加速器、联系人、声音等手机核心功能 。


以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: