Bootstrap前者学习笔记——移动前端UI选拔

八、HBuilder (MUI+HTML5Plus)

官网:http://www.dcloud.io/index.html

Bootstrap 1Bootstrap 2

参照:http://www.cnblogs.com/best

 Bootstrap 3

一、jQuery Mobile

jQuery Mobile
是jQuery在移动设备上的本子,做为主要针对移动装备的框架来说,它提供一个活动设备平台合并的接口来同盟不相同的运动平台,其本性包罗:

1.简便易用
2.渐进增强和高雅降级
3.Accessibility
4.小规模
5.大旨设置
6.跨平台

 Bootstrap 4

Bootstrap 5

官网:http://jquerymobile.com/

读书简单,资料丰盛,但早期的本子采纳时格外卡,也早期的硬件也有关系,后续版本在质量方面有改进。

六、Sencha Touch

Sencha Touch(源于ExtJS、至极相近原生界面)

多年来基于JavaScript编写的Ajax框架ExtJS,将长存的ExtJS整合JQTouch、Raphaël库,推出适用于超过Touch
Web的Sencha Touch框架,该框架是世界上首先个依照HTML5的Mobile
App框架。同时,ExtJS更名为Sencha,JQTouch的创始人民代表大会卫凯恩da,以及Raphaël的元老也已进入Sencha团队。

Sencha Touch能够让你的Web App看起来像Native
App。美貌的用户界面组件和丰盛的数额管理,全部依照最新的HTML5和CSS3的
WEB标准,周密包容Android和Apple iOS设备。

上面是Sencha官方给出的几点个性

1.基于最新的WEB标准 –
HTML5,CSS3,JavaScript。整个库在减小和gzip后大概80KB,通过禁止使用一些零部件还会使它更小。

2.支撑世界上最棒的装置。Beta版包容Android和iOS,Android上的开发人士还足以应用一些专为Android定制的核心。

3.加强的触摸事件。在touchstart、touchend等规范事件基础上,扩充了一组自定义事件数量集成,如tap、swipe、pinch、rotate等。

4.多少集成。提供了强压的数据包,通过Ajax、JSONp、YQL等情势绑定到零部件模板,写入当地离线存款和储蓄。

官网:https://www.sencha.com/

中文网:http://extjs.org.cn/

四、WeUI

WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方安插团队为微信
Web
开发量身设计,能够令用户的施用感知尤其统一。包蕴button、cell、dialog、
progress、 toast、article、actionsheet、icon等各式成分。 

演示:https://weui.io/

github:https://github.com/weui/

Bootstrap 6

二、Framework7

覆盖了原生iOS应用所能显示的全部剧情,

官网:http://framework7.taobao.org/

Bootstrap 7

 Bootstrap 8

三、SUI Mobile

Alibaba共享工作事业部UED团队

SUI Mobile 是Alibaba共享工作事业部SDC团队(UED)提供的一套手提式有线电话机UI库。
我们的目标是为手提式无线电话机千牛、百川以及其它手提式有线电话机端的H5页面提供专业的设计规范和前端达成。
SUI Mobile并从未再度发明轮子,大家任重先生而道远参照了 ratchet 和 Framework7
此地只是三个官方示例,详细文档请参见:http://m.sui.taobao.org/

Bootstrap 9

Bootstrap 10

七、Bootstrap

Bootstrap (v4移动设备优先、简洁利落)

特色:Bootstrap是依照HTML5和CSS3支付的,它在jQuery的功底上进行了特别特性化和人性化的健全,形成一套本身独有的网站风格,并合营超过半数jQuery插件。

官网:https://getbootstrap.com/

中文网:http://www.bootcss.com/

源码:https://github.com/twbs/bootstrap/

五、Ionic

融合AngularJS、科尔多瓦、社区活泼

官网:http://ionicframework.com/

示例:http://view.ionic.io/

相关文章