最为风靡的5独前端框架对比

By admin in 必赢网址是多少 on 2018年10月16日

当今出现了大气之CSS前端框架,但确实可以的框架只有个别几个。

本文将会晤于之中五单超级的框架。每个框架都发生友好之独到之处和瑕疵,以及现实的应用领域,你可因自己之切实项目需要进行分选。此外,许多精选都是模块化的,允许你只是以所用的零部件,甚至可勾兑使用来源不同框架的零件。

本文依据各个框架的GitHub流行度来挨家挨户介绍。

Bootstrap

Bootstrap大凡时下可用框架中如实的经营管理者。其人气日益增长,你可放心的挑三拣四这个框架,而不用顾虑项目会败,因为所有普遍利用基础之框架,不太可能被撇下。

必赢网址是多少 1

  • 创作者: 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说明

Bootstrap的广阔流行是她的优势所于。在技​​术上,它不自然比列表中的旁框架还好,但她提供了比较任何四独框架还多的资源(文章与课程、第三正值插件与扩充、主题构建器等)。简而言之,Bootstrap 无处不在,这是人人连续选的严重性缘由。

 

Foundation

Foundation凡是排在其次叫做的框架。ZURB这样坚实的店铺直接支撑方Foundation,所以这框架来强大的根底。Foundation现都用于许多巨型网站,包括Facebook,Mozilla,Ebay,Yahoo!和国度地理等。

必赢网址是多少 2

  • 创作者: 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凡一个语义化设计之前端开源框架。它用自然语言原理,从而使代码更加可读和可明白。

必赢网址是多少 3

  • 创作者: 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大凡一律种轻量级的模块化框架,采用纯CSS编写,具有可因需要共同使用或者独自使用的零件。

必赢网址是多少 4

  • 创作者:雅虎
  • 发行: 2013
  • 眼前本: 0.6.2
  • 流行度: GitHub上有16,637颗星
  • 征: “一拟小如活的CSS模块,能够当每个Web项目遭到应用。”
  • 中心概念/原则: SMACSS,极简主义。
  • 框架大小: 16 KB
  • 预处理:无
  • 响应式布局:是
  • 模块化:是
  • 开行模板/布局:是
  • 贪图标集:无。可以改用Font Awesome。
  • 外加/附加组件:无
  • 独特组件:无
  • 文档资源:很好
  • 于定义:基本GUI皮肤生成器
  • 浏览器支持:最新版本的Firefox,Chrome,Safari; IE7 +; iOS
    6.x,7.x; Android 4.x
  • 许可证: Yahoo! Inc.
    BSD

Pure说明

Pure为而的种类提供了一个清之开端,只提供基本框架。对于无待全效框架而单单包含在那个工作吃之一定组件的人头来说,pures是一个帅的精选。

 

UIkit

UIkit举凡一个善使与从定义的组件的洗练集合。虽然它们不像任何框架那样为欢迎,但它提供了一如既往之功能以及品质。

必赢网址是多少 5

  • 创造者: YOOtheme
  • 发行: 2013
  • 手上本: 3.0.0
  • 人气:GitHub GitHub上有9,422颗星
  • 证实: “用于支付快速而强的Web界面的轻量级和模块化的前端框架”。
  • 基本概念/原则: RWD,移动端优先
  • 框架大小: 326.9
    KB(如果带有uikit-icons.min.js与SVG图标相关的效益,则也384.4 KB )
  • 先期处理器:少,Sass
  • 响应式布局:是
  • 模块化:是
  • 起步模板/布局:是
  • 图标集: UIkit自带SVG图标系统以及类库,其中包含越来越多之提纲图标。
  • 额外/附加组件:是
  • 破例之零部件:Article, Flex, Cover, HTML Editor
  • 文件:好
  • 从今定义:高级GUI定制程序仅在版本2(以前的版)中可用
  • 浏览器支持: Chrome,Firefox,Safari,IE9 +
  • 许可证:MIT

UIkit说明

UIkit成功应用在很多WordPress主题遇。它提供了灵活和有力的手动定制机制(以前版本的框架还提供了尖端GUI定制程序)。

 

哎呀是无与伦比符合你的框架?

于选取框架时,可以从以下几个点考虑:

  • 所选的框架来足够的人气也?更多之人气意味着又多之人口涉足型,也意味有还多之课以及社区文章、更多的实例和网站、更多之老三正值扩大、更好的相关的Web产品可与那并。受欢迎程度吗表示框架还有前瞻性,因为有着双重要命社区的框架不太可能被撇下。
  • 框架是否正在主动上进?一个好之框架需要持续地动最新的web技术,特别是在移动端方面。
  • 框架是否达到成熟?如果一个一定的框架在切实项目中还尚无吃采取与测试,那么用其用于你的正统型,可能未是一个明智的选取。
  • 框架是否提供了优质的文档?为了便利学习过程,总是要美的文档。
  • 框架的特异性是呀?这里的要是,与拥有高级别特异性的框架相比,更通用的框架还便于采取。在多数情况下,最好选一个使最小样式的框架,因为其再也便于自定义。与重写现有的CSS规则相比,添加新的CSS规则是一个双重有益于有效的做法。

假若你还无确定下谁框架,那么好下混合搭配的主意。当有特定的框架不能够满足你的需要时,可以勾兑使用简单独或多独品类的零部件。

终极值得一提的凡,现在Flexbox和Grid
Layout在主流浏览器的风靡版本中赢得特别好的支持,比往日外时刻都还易构建复杂的布局。这恐怕会见鼓励更多之开发人员放弃前端框架,从头开始编写他们协调想要之布局。

前端开发工具介绍:

Wijmo是一样款款就此TypeScript编写的初一代JavaScript/HTML5控件集。在全世界第一支持AngularJS,并提供性突出、零依赖的FlexGrid表格控件和图片等多只控件,是构建企业应用程序的全套控件集。

原文链接:https://www.sitepoint.com/5-most-popular-frontend-frameworks-compared/

转载请注明来源:葡萄城控件

https://my.oschina.net/powertoolsteam/blog/1031110

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 亚洲必赢app官方下载 版权所有