1、frozenui
链接：[http://frozenui.github.io/]备注：简单易用，轻量快捷，可定制，为移动端服务的前端框架
团队：腾讯
压缩大小：js - 23.6kb css — 36.4kb + 57.3
demo：[http://frozenui.github.io/frozenui/demo/index.html]依赖：zepto.js
缺点：依赖第三方，css框架样式不精致
有点：可定制下载css，有js插件和动效库
2、 weui
链接：https://github.com/weui/weui
备注：WeUI是一套同微信原生视觉体验一致的基础样式库，为微信 Web 开发量身设计，可以令用户的使用感知更加统一
团队：微信
依赖：zepto.js router.js
压缩大小：css - 35.1kb
demo：http://weui.github.io/weui/
缺点：不支持定制下载，组件有限，需要依赖，兼容性一般
优点：为微信量身定制
3、SUI Mobile
链接：http://m.sui.taobao.org/
备注：它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App
团队：阿里
demo：http://m.sui.taobao.org/demos/
依赖：zepto.js或者jquery
压缩大小：js - 116kb css - 88kb
缺点：组件需要依赖jquery或zepto，js+css组件有点大，不支持定制化下载插件
优点：组件丰富
###4、Ratchet
链接：http://cnratchet.com/
团队：Twitter
demo：http://cnratchet.com/examples/app-movies/
依赖：不依赖任何外界js
压缩大小：js - 11.8kb css - 19.2kb + 8.3kb
缺点：组件量一般
有点：不依赖第三方，区分ios 和安卓样式（虽然看上去只是颜色区别）
总结：
1.按照文件引用大小来分（js+css文件大小）
weui < Ratchet < frozenui < SUI Mobile
2.按照组件的丰富程度
weui < Ratchet < frozenui < SUI Mobile
3.按照组件的质量 (代码质量，用户体验)
frozenui < weui < Ratchet < SUI Mobile
备注：
如果在微信开发的情况，推荐用weui，如果开发微信，hybrid的情况，推荐用frozenui，如果不担心文件大小，可以常使用 SUI Mobile
网友评论