前端开发 CSS3框架总结

前端开发教学视频网|页面前端开发与设计的区别吗?|前端开发软件推荐

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

软件前端开发工作职责|前端 还是数据开发|后端开发好还是前端开发

» 本文来自:前端开发者 » 《前端开发 CSS3框架总结》
» 本文链接地址:https://www.rokub.com/4141.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!