前者学习笔记——移动前端UI采用

一、jQuery Mobile

jQuery Mobile
是jQuery在运动设备上的版本,做为首要针对移动装备的框架来说,它提供3个移动设备平台合并的接口来合营差异的移位平台,其性状包罗:

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

 图片 1

图片 2

官网:http://jquerymobile.com/

上学简单,资料充足,但早期的本子选取时分外卡,也早期的硬件也有涉及,后续版本在性质方面有革新。

二、Framework7

蒙面了原生iOS应用所能展现的整个剧情,

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

图片 3

 图片 4

三、SUI Mobile

阿里Baba(Alibaba)共享工作事业部UED共青团和少先队

SUI Mobile 是Alibaba共享工作事业部SDC团队(UED)提供的一套手提式有线电电话机UI库。
我们的指标是为手提式有线话机千牛、百川以及别的手提式无线电话机端的H5页面提供规范的设计规范和前端完结。
SUI Mobile并不曾重新发明轮子,大家第二参考了 ratchet 和 Framework7
那里只是2个官方示例,详细文书档案请参考:http://m.sui.taobao.org/

图片 5

图片 6

四、WeUI

WeUI是一套同微信原生视觉感受一致的根底样式库,由微信官方安顿团队为微信
Web
开发量身设计,能够令用户的选拔感知尤其统一。包蕴button、cell、dialog、
progress、 toast、article、actionsheet、icon等各式元素。 

演示:https://weui.io/

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

图片 7

五、Ionic

融合AngularJS、Cordova、社区活泼

官网:http://ionicframework.com/

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

六、Sencha Touch

Sencha Touch(源于ExtJS、非凡接近原生界面)

新近基于JavaScript编写的Ajax框架ExtJS,将长存的ExtJS整合JQTouch、Raphaël库,推出适用于超过Touch
Web的Sencha Touch框架,该框架是世界上首先个依照HTML5的Mobile
App框架。同时,ExtJS更名为Sencha,JQTouch的始创人David凯恩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/

七、Bootstrap

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

特点:Bootstrap是依照HTML5和CSS3付出的,它在jQuery的基础上进展了特别天性化和人性化的公正无私,形成一套自身独有的网站风格,并合营当先45%jQuery插件。

官网:https://getbootstrap.com/

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

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

八、HBuilder (MUI+HTML5Plus)

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

图片 8图片 9

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

 图片 10

相关文章