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

一、jQuery Mobile

jQuery Mobile 是jQuery在移动设备上的版本，做为主要针对移动设备的框架来说，它提供一个移动设备平台统一的接口来兼容不同的移动平台，其特性包括:

1．简单易用
2．渐进增强和优雅降级
3．Accessibility
4．小规模
5．主题设置
6．跨平台

 

官网：http://jquerymobile.com/

学习容易，资料丰富，但早期的版本使用时非常卡，也早期的硬件也有关系，后续版本在性能方面有改进。

二、Framework7

覆盖了原生iOS应用所能呈现的一切内容，

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

 

三、SUI Mobile

阿里巴巴共享业务事业部UED团队

SUI Mobile 是阿里巴巴共享业务事业部SDC团队（UED）提供的一套手机UI库。
我们的目的是为手机千牛、百川以及任何手机端的H5页面提供标准的设计规范和前端实现。
SUI Mobile并没有重新发明轮子，我们主要参考了 ratchet 和 Framework7
这里只是一个官方示例，详细文档请参考：http://m.sui.taobao.org/

四、WeUI

WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。 

演示：https://weui.io/

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

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

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