作家
登录

最流行的5个前端框架对比

作者: 来源: 2017-06-27 15:49:50 阅读 我要评论

【引自葡萄城控件技巧团队的博客】如今出现了大年夜量的CSS前端框架,但真正优良的框架只有少数几个。

本文将会比较个中五个最佳的框架。每个框架都有本身的长处和缺点,以及具体的应用范畴,你可以根据本身的具体项目需求进行选择。此外,很多选项都是模块化的,许可你仅应用所需的组件,甚至可以混淆应用来自不合框架的组件。

本文根据各个框架的GitHub风行度来次序介绍。

Bootstrap

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!和国度地舆等。

Foundation

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是一个语义化设计的前端开源框架。它应用天然说话道理,大年夜而使代码加倍可读和可懂得。

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

Pure

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)