最盛行的5个前端框架比较【必赢网址是多少】

By admin in 必赢网址是多少 on 2019年2月9日

近年来面世了汪洋的CSS前端框架,但真的美观的框架唯有个别多少个。

正文将会相比较之中八个最佳的框架。每个框架都有温馨的亮点和瑕疵,以及现实的应用领域,你能够根据自己的有血有肉品种须要开展精选。别的,许多挑选都是模块化的,允许你仅使用所需的组件,甚至可以勾兑使用来源分化框架的零部件。

本文按照种种框架的GitHub流行度来挨家挨户介绍。

Bootstrap

Bootstrap是当下可用框架中确确实实的老董。其人气日益增进,你可以放心的挑选这一个框架,而无需顾虑项目会破产,因为具有普遍利用基础的框架,不太可能被取消。

必赢网址是多少 1

  • 创作者: Mark Otto 和 Jacob
    Thornton
    .
  • 发行: 2011
  • 脚下版本: 3.3.7
  • 人气: GitHub上有111,000颗星
  • 表达: “Bootstrap是最风靡的HTML,CSS和JavaScript框架,用于在网络上付出响应式、移动的Web项目。
  • 骨干概念/原则: RWD和活动端优先。
  • 框架大小: 154 KB
  • 预处理器: LessSass
  • 响应式布局:是
  • 模块化:是
  • 启航模板/布局:是
  • 图标集: Glyphicons Halflings设置
  • 叠加/附件:无捆绑,许多第三方插件可用。
  • 出奇组件: Jumbotron
  • 文档资源:非凡
  • 自定制:基本GUI定制器。然而你须求手动输入颜色值,因为从没颜色选用器可用。
  • 浏览器匡助: Firefox,Chrome,Safari,IE8
    +(您须要IE8的Respond.js
  • 许可证: MIT

Bootstrap说明

Bootstrap的科普流行是它的优势所在。在技​​术上,它不必然比列表中的其他框架更好,但它提供了比其它四个框架更多的资源(小说和课程、第三方插件和扩张、主旨打造器等)。简单的说,Bootstrap 无处不在,那是人人接二连三选用的第一缘由。

 

Foundation

Foundation是排在第二名的框架。ZURB那般加强的铺面直接辅助着Foundation,所以那一个框架有无往不胜的基本功。Foundation现已用于许多大型网站,包罗非死不可,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官方下载 版权所有