前端学习笔记——移动前端UI选择

一、jQuery Mobile

jQuery Mobile
是jQuery在倒设备上的版本,做呢主要对移动装备的框架来说,它提供一个倒装备平台统一之接口来配合不同的移动平台,其特征包括:

1.粗略好用
2.渐进增强同古雅降级
3.Accessibility
4.小规模
5.主题设置
6.跨平台

 图片 1

图片 2

官网:http://jquerymobile.com/

学学好,资料丰富,但早期的版用时非常卡,也首的硬件也发出关系,后续版本在性能方面有改进。

二、Framework7

蒙了原生iOS应用所能呈现的浑情节,

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

图片 3

 图片 4

三、SUI Mobile

阿里巴巴共享工作事业部UED团队

SUI Mobile 是阿里巴巴共享工作事业部SDC团队(UED)提供的平等拟手机UI库。
咱的目的是啊手机千牛、百川以及另手机端的H5页面提供正规的设计规范和前端实现。
SUI Mobile并没有更发明轮子,我们重点参考了 ratchet 和 Framework7
此处仅仅是一个法定示例,详细文档请参考: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
Kaneda,以及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的根底及展开了尤其个性化与人性化的周,形成相同仿好独有的网站风格,并配合大部分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

相关文章