【引自葡萄城控件技巧团队的博客】如今出现了大年夜量的CSS前端框架,但真正优良的框架只有少数几个。
本文将会比较个中五个最佳的框架。每个框架都有本身的长处和缺点,以及具体的应用范畴,你可以根据本身的具体项目需求进行选择。此外,很多选项都是模块化的,许可你仅应用所需的组件,甚至可以混淆应用来自不合框架的组件。
本文根据各个框架的GitHub风行度来次序介绍。
Bootstrap
Bootstrap是今朝可用框架中无可争议的引导者。其人气日益增长,你可以宁神的选择这个框架,而不必担心项目会掉败,因为具有广泛应用基本的框架,不太可能被摈弃。
- 创作者: Mark Otto 和 Jacob Thornton.
- 发行: 2011
- 当前版本: 3.3.7
- 人气: GitHub上有111,000颗星
- 解释: “Bootstrap是最风行的HTML,CSS和JavaScript框架,用于在收集上开辟响应式、移动的Web项目。
- 核心概念/原则: RWD和移动端优先。
- 框架大年夜小: 154 KB
- 预处理器: Less和Sass
- 响应式构造:是
- 模块化:是
- 启动模板/构造:是
- 搁笔集: Glyphicons Halflings设置
- 附加/附件:无绑缚,很多第三方才件可用。
- 独特组件: Jumbotron
- 文档资本:优胜
- 自定制:根本GUI定制器。然则你须要手动输入色彩值,因为没有色彩选择器可用。
- 浏览器支撑: Firefox,Chrome,Safari,IE8 +(您须要IE8的Respond.js)
- 许可证: MIT
Bootstrap解释
Foundation
Foundation是排在第二名的框架。ZURB如许坚实的公司一向支撑着Foundation,所以这个框架有强大年夜的基本。Foundation现已用于很多大年夜型网站,包含Facebook,Mozilla,Ebay,Yahoo!和国度地舆等。
Semantic UI
Bootstrap的广泛风行是它的优势地点。在技巧上,它不必定比列表中的其它框架更好,但它供给了比其它四个框架更多的资本(文┞仿和教程、第三方才件和扩大、主题构建器等)。简而言之,Bootstrap 无处不在,这是人们持续选择的重要原因。
- 创作者: ZURB
- 发行: 2011
- 当前版本: 6.3.1
- 人气: GitHub上有25,400颗星
- 解释: “世界上最先辈的响应式前端框架”
- 核心概念/原则: RWD,移动端优先,语义。
- 框架大年夜小: 197.5 KB
- 预处理器: Sass
- 响应式构造:是
- 模块化:是
- 启动模板/构造:是
- 搁笔集: 基本搁笔字体
- 额外/附加组件:是
- 独特的组件: Icon Bar, Clearing Lightbox, Flex Video, Keystrokes, Joyride, Pricing Tables
- 文档资本:优胜,还有很多额外资本。
- 自定制:根本的GUI定制法度榜样,类似于Bootstrap定制对象。
- 浏览器支撑: Chrome,Firefox,Safari,IE9 +; iOS,Android,Windows Phone 7+
- 许可证:MIT
Foundation解释
Foundation是一个真正的专业框架,供给营业支撑、培训和咨询。它还供给了很多资本来赞助你更快更轻松地进修和应用该框架。
Semantic UI是一个语义化设计的前端开源框架。它应用天然说话道理,大年夜而使代码加倍可读和可懂得。
- 创作者: Jack Lukic
- 发行: 2013
- 当前版本: 2.2
- 人气: GitHub上有34,762颗星
- 解释: “基于天然说话原则的UI组件框架”。
- 核心概念/原则:Semantic, tag ambivalence, responsive。
- 框架大年夜小: 806 KB
- 预处理器:少
- 响应式构造:是
- 模块化:是
- 启动模板/构造:是,并供给了一些根本的入门模板
- 搁笔集: Font Awesome
- 额外/附加组件:否
- 独特的部件:Divider, Flag, Rail, Reveal, Step, Advertisement, Card, Feed, Item, Statistic, Dimmer, Rating, Shape。
- 文档资本:异常好,Semantic供给了一个异常有组织的文档,别的还有一个零丁的网站供给入门指南、自定义和创建主题。
- 自定义:没有GUI定制器,只有手动定制。
- 浏览器支撑: Firefox,Chrome,Safari,IE10 +(仅IE9浏览器前缀),Android 4,Blackberry 10
- 许可证:MIT
Semantic UI解释
Semantic是这里所评论辩论的所有框架中,最具立异性和全功能的框架。其框架的总体构造、类中清楚逻辑的定名商定方法和语义方面也跨越了其它框架。
Pure
- 创作者:雅虎
- 发行: 2013
- 当前版本: 0.6.2
推荐阅读
球范围内NAND都供给不足,这推升了SSD的成本。这对于宣传磁盘即将灭亡的人们并不是什么好消息,不少人在以前两>>>详细阅读
本文标题:最流行的5个前端框架对比
地址:http://www.17bianji.com/lsqh/35932.html
1/2 1