H5开发app可以使用什么框架


本文摘自PHP中文网,作者清浅,侵删。

H5开发app可以使用jquery mobile框架、bootstrap框架、ionic框架、Mobile Angular UI框架、Sencha Touch框架等。

【推荐教程:HTML5教程

1、jquery mobile框架

jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。

2、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源码进行性能优化而来。

3、ionic框架

Ionic 是一个强大的 HTML5 应用程序开发框架,可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

未标题-1.jpg

4、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

阅读剩余部分

相关阅读 >>

html5和原生app如何进行交互?

h5单页面手势滑屏切换原理

h5中history api 对web应用的影响

h5移动端做一个不限个数的通栏按钮的示例代码详解

html5手机端页面缩放问题的解决详解

h5自定义audio的解析

讲讲html5中被废弃的标签

有关html5服务器推送事件的讲解

深入了解h5中history特性--pushstate、replacestate

html5音频与视频问题及解决方法

更多相关阅读请进入《h5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...