澳门新萄京:最风靡的5个前端框架比较,最受款
分类:澳门新萄京最大平台

二〇一四年5个最流行前端框架相比较

2015/01/08 · CSS, HTML5 · bootstrap, Foundation, Pure, Semantic UI, UIkit, 前端框架

本文由 伯乐在线 - kinolee 翻译,JustinWu 校稿。未经许可,禁绝转发!
马耳他语出处:www.sitepoint.com。招待插足翻译组。

以2020时期众多CSS的前端框架纷涌而至,但的确的大好的却微乎其微。

在这里篇小说中大家将对自身以为最棒的七个框架实行相比较,每种框架都有投机优劣势和特定的应用领域,那允许你依照特定类型的须要选取适用的框架。举个例子,倘若你的连串比较容易,你就没有必要复杂的框架,别的,非常多选取是模块化的,那允许你仅使用你须求的机件,也许夹杂使用分化框架的组件。

咱俩要研究的框架都以基于其在github上的人气彰显的,首先说最盛行的,当然是:Bootstrap。

(注意:上边包车型地铁片段新闻在现在的几周和几月后就过时了,如:GitHub 上的评分(Stars卡塔尔和版本数,由此借使您是在此篇小说发表非常久现在阅读的话,你须求静心那或多或少。别的,还要注意框架大小是或不是将供给的CSS和JS文件最小化。)

自己接纳的那几个框架是遵照它们在 Github 的受应接程度来的,而最受应接的自然是 Bootstrap。

Ba la la la ~ 读者对象们,你们好啊,又到了冷锋时间,话超少说,发车!

本文来源于:赐紫车厘子城控件才能公司博客

1. Bootstrap

Bootstrap 在现行反革命风行的各个框架中是确实的非常。鉴于其每天仍在加强的贤人人气,能够一定,这几个优越的工具绝对不会令你深负众望,它也不会在您成功创建网址前就离开你到远方。

澳门新萄京 1

  • 创建者: Mark Otto and Jacob Thornton.
  • 发布: 2011
  • 当前版本: 3.3.1
  • 人气: 在Github上有75,000 stars
  • 描述: “Bootstrap是最盛行的的 HTML, CSS和 JavaScript 响应式开采框架 ,web上支出的首先个移动项目.”
  • 核心概念/原则: RWD 和移动优先
  • 框架大小: 145 KB
  • 预微处理机: Less 和 Sass
  • 响应式: Yes
  • 模块化: Yes
  • 伊始模板/布局: Yes
  • Logo设置: Glyphicons Halflings set
  • 附加/插件: 未有捆绑插件,但不菲第三方插件可用.
  • 特出的零零部件: Jumbotron
  • 文档: 良好
  • 定制: 基本的GUI定制器。不幸的是,你须求手动输入的水彩值,因为从没可用的颜料接受器。
  • 浏览器援救: Firefox, Chrome, Safari, IE8 (你需要 Respond.js for IE8)
  • 许可证: MIT

Notes on Bootstrap

  •  Bootstrap 的要害优点是它丰盛流行。从工夫上讲,它并不一定比此番列出来的其它框架好,但它提供的财富(小说和课程、第三方插件和扩充、宗旨开垦者等等卡塔尔(قطر‎比任何八个框架的总和还要多。一言以蔽之,Bootstrap无处不在。这是民众接二连三选用它的严重性原因。
  • (注意:“独特的零件”的情趣是,比较这里涉及的其他框架是无比的。)

1.Bootstrap中文网(Boostrap英文网)

Bootstrap 是最受款待的 HTML、CSS 和 JS 框架,用于支付响应式构造、移动设备优先的 WEB 项目

澳门新萄京 2

* 作者:Mark Otto and Jacob Thornton

* 发表时间: 二〇一三

* 当前版本: 3.3.7

* 遍布程序: 在 Github 上收获 111,000 个点赞

* 描述: “Bootstrap 是最受接待的 HTML、CSS 和 JavaScript 框架,用于开拓响应式、移动优先的 Web 应用”

* 大旨概念:SportageWD 以至移动优先

* 框架体积: 154 KB

* 预微处理机:Less and Sass

* 响应式: Yes

* 模块化: Yes

* 接济模板和布局?: Yes

* 图标集:Glyphicons Halflings set

* 插件/扩大: 未有绑定,可是众多第三方的可以选用

* 独特的零构件: Jumbotron

* 文档: Good

* 定制: 基本的 GUI 定制工具,不行的是您供给手工业输入颜色值,因为还没提供颜色拾取器

* 浏览器帮衬: Firefox, Chrome, Safari, IE8 (IE 8 需求 Respond.js 卡塔尔国

* 许可证:MIT


于今面世了大量的CSS前端框架,但真的杰出的框架独有少数多少个。

2. Foundation by ZURB

Foundation是这多少个框架中第二大的,在像ZURB一样实力丰饶的合作社帮忙下,那个框架确实很刚劲,是的,便是foundation。毕竟, Foundation已经在繁多重型网址上投入使用,包蕴 Facebook, Mozilla, Ebay, Yahoo!和国度地理等等。

澳门新萄京 3

  • 创建者: ZURB
  • 发布: 2011
  • 眼下版本:5.4.7
  • 人气: 在Github上有18,000 stars
  • 描述: “世界上最精美的响应式前端框架”
  • 主导概念/原则: RWD 、手机优先、语义的
  • 框架大小: 326KB
  • 预微型机: Sass
  • 响应式: Yes
  • 模块化: Yes
  • 开首模板/构造: Yes
  • Logo设置: Foundation Icon Fonts
  • 附加/插件: yes
  • 极其规的零器件: Icon Bar, Clearing Lightbox, Flex Video, Keystrokes, Joyride, Pricing Tables
  • 文档: 优良,还会有不菲特别的能源是可用的。
  • 定制: 未有GUI编辑器,只能手工业定制。
  • 浏览器扶植: Chrome, Firefox, Safari, IE9 ; iOS, Android, Windows Phone 7
  • 许可证: MIT

2.Foundation

Foundation 在此份列表中是第二大选项。该框架有贰个当真有力、何况很棒的功底。其他,有为数不菲大网址在行使该框架,满含:推特, Mozilla, Ebay, Yahoo! 以致国家地理杂志等等。

澳门新萄京 4

* 所属: ZURB

* 公布时间: 二〇一一

* 当前时间:6.3.1

* 受招待程度: 在 Github 收获 25,400 个点赞

* 描述: “最高端的响应式前端框架”

* 大旨概念: 大切诺基WD, 移动优先,语义化

* 框架体量: 197.5 KB

* 预微机: Sass

* 响应式: Yes

* 模块化: Yes

* 模板/布局: Yes

* 图标集:Foundation Icon Fonts

* 插件/扩展: Yes

* 独特组件: Icon Bar, Clearing Lightbox, Flex Video, Keystrokes, 乔伊ride, Pricing Tables

* 文书档案: 好,提供多数附加能源

* 定制: 基本的 GUI 定制器,类似 Bootstrap 那款

* 浏览器支持: Chrome, Firefox, Safari, IE9 ; iOS, Android, Windows Phone 7

* 许可证: MIT

1.Bootstrap

Bootstrap是现阶段可用框架中映器重帘的官员。其人气日益增加,你可以放心的挑精拣肥那么些框架,而不要顾虑项目会停业,因为兼具大面积接受底蕴的框架,不太恐怕被遗弃。

本文将会相比较之中五个最棒的框架。每一种框架都有和好的亮点和瑕玷,以至具体的应用领域,你能够依据本身的实际品种要求举办抉择。其他,大多增选都以模块化的,允许你仅使用所需的机件,以致能够勾兑使用来源不一样框架的零零件。

Notes on Foundation

Foundation 是三个提供专门的职业支撑、培养演练和提问真正标准的框架。它还提供了累累能源帮忙你越来越快和更易于学习和应用框架。

3.Semantic UI

Semantic UI 平昔在屡屡升华,创设更具语义的 Web 网址。其接纳自然语言原则,使得代码特别具备可读性和易于通晓。Semantic UI是最具改革以至专职能的框架。框架的总体结商谈命名都有明显的逻辑和语义,在这里地点碾压其余框架。

澳门新萄京 5

* 作者:Jack Lukic

* 宣布时间: 二零一二

* 当前版本: 2.2

* 受接待程度: 在 Github 上收获 34,762 个赞

* 项目描述: “二个 UI 组件框架,基于自然语言特点”

* 大旨概念: 语义、标签、响应式

* 框架聊起: 806 KB

* 预微处理器: Less

* 响应式: Yes

* 模块化: Yes

* 模板布局: 扶植,提供部分幼功模板

* 图标集: Font Awesome

* 扩展、插件: No

* 独特组件: Divider, Flag, Rail, Reveal, Step, Advertisement, 卡德, Feed, Item, Statistic, Dimmer, Rating, Shape.

* 文档: 非常屌,组织优质,提供入门、定制和主旨创设.

* 定制: 不提供 GUI 定制器,独有手工业定制

* 浏览器援助: Firefox, Chrome, Safari, IE10 (IE9 with browser prefix only卡塔尔(英语:State of Qatar), Android 4, Blackberry 10

* 许可证: MIT

Bootstrap说明

Bootstrap的广大流行是它的优势所在。在技巧上,它不断定比列表中的其它框架更加好,但它提供了比此外八个框架越来越多的能源(作品和科目、第三方插件和扩展、主旨营造器等)。由此可见,Bootstrap 无处不在,这是大家延续选拔的关键缘由。

创作者: Mark Otto 和 Jacob Thornton.
发行: 2011
当下版本: 3.3.7
人气: GitHub上有111,000颗星
证实: “Bootstrap是最盛行的HTML,CSS和JavaScript框架,用于在网络上支出响应式、移动的Web项目。
骨干概念/原则: 帕杰罗WD和移动端优先。
框架大小: 154 KB
预微电脑: Less和Sass
响应式布局:是
模块化:是
起步模板/布局:是
图标集: Glyphicons Halflings设置
叠合/附属类小零部件:无捆绑,多数第三方插件可用。
非常组件: Jumbotron
文书档案能源:出色
自定制:基本GUI定制器。可是你要求手动输入颜色值,因为尚未颜色接纳器可用。
浏览器辅助: Firefox,Chrome,Safari,IE8 (您须求IE8的Respond.js)
许可证: MIT

正文依赖各样框架的GitHub流行度来挨门挨户介绍。

3. Semantic UI

Semantic UI 经过日久天长的大力,致力于能够以更语义化的措施塑造网址。它使用自然语言的尺度,使代码更可读,更易于掌握。

澳门新萄京 6

  • 创建者: Jack Lukic
  • 发布:2013
  • 当前版本:1.2.0
  • 人气: 在Github上有12,900 stars
  • 描述: “基于自然语言有效规范的UI组件框架”
  • 主旨概念/原则: 语义,标签的冲突性、响应式
  • 框架大小: 552KB
  • 预微处理器: Less
  • 响应式: Yes
  • 模块化: Yes
  • 发端模板/构造: No
  • Logo设置: Font Awesome
  • 附加/插件: yes
  • 非常的机件: Divider, Flag, Rail, Reveal, Step, Advertisement, Card, Feed, Item, Statistic, Dimmer, Rating, Shape.
  • 文档: 相当好。Semantic提供了三个很好的团伙文书档案,还恐怕有三个提供入门指南,定制和成立主旨单独的网址,。
  • 定制: 未有GUI定制器,只可以手工业定制。
  • 浏览器帮衬:Firefox, Chrome, Safari, IE10 (IE9 with browser prefix only卡塔尔(英语:State of Qatar), Android 4, Blackberry 10
  • 许可证: MIT

4.Pure

Pure 是一个轻量级、模块化的框架,使用纯 CSS 编写,其满含的具备组件都可以在大器晚成道可能独立行使。

澳门新萄京 7

* 所属: Yahoo

* 公布时间: 二零一二

* 当前版本: 0.6.2

* 受接待程度: 在 Github 收获 16,637 个点赞

*  描述: “生龙活虎组小的、响应式的 CSS 模块,能够用于任风流倜傥 Web 项目”

* 主旨概念:SMACSS, 极简主义.

* 框架提起: 16 KB

* 预微处理机: None

* 响应式: Yes

* 模块化: Yes

* 模板/布局: Yes

* Logo群集: 无,你可以行使 Font Awesome .

* 插件/扩展: None

* 独特组件: None

* 文档: 好

* 定制: 基本的 GUI 四肢构建器

* 浏览器支持: Latest versions of Firefox, Chrome, Safari; IE7 ; iOS 6.x, 7.x; Android 4.x

* 许可证:Yahoo! Inc. BSD

2.Foundation

Foundation是排在第二名的框架。ZURB那样加强的商家直接支撑着Foundation,所以那一个框架有战无不胜的根底。Foundation现已用于大多大型网址,包蕴照片墙(TWTHighlander.US卡塔尔国,Mozilla,Ebay,Yahoo!和国家地理等。

创作者: ZURB
发行: 2011
时下版本: 6.3.1
人气: GitHub上有25,400颗星
表明: “世界上最早进的响应式前端框架”
主旨概念/原则: QashqaiWD,移动端优先,语义。
框架大小: 197.5 KB
预微处理器: Sass
响应式构造:是
模块化:是
启航航空模型型板/结构:是
Logo集: 基本功Logo字体
外加/附加组件:是
特殊的组件: Icon Bar, Clearing Lightbox, Flex Video, Keystrokes, 乔伊ride, Pricing Tables
文书档案财富:优质,还应该有众多格外国资本源。
自定制:基本的GUI定制造进度序,类似于Bootstrap定制工具。
浏览器扶助: Chrome,Firefox,Safari,IE9 ; iOS,Android,Windows Phone 7
许可证:MIT

Bootstrap

Bootstrap是现阶段可用框架中的确的经营管理者。其名气日益增长,你能够放心的筛选那些框架,而不要思量项目会失利,因为有着布满运用功底的框架,不太大概被撇下。

澳门新萄京 8

创作者:Mark Otto和Jacob Thornton.

发行: 2011

脚下版本: 3.3.7

人气: GitHub上有111,000颗星

表达: “Bootstrap是最流行的HTML,CSS和JavaScript框架,用于在网络上支出响应式、移动的Web项目。

着力概念/原则:RWD和移动端优先。

框架大小: 154 KB

预微处理机:Less和Sass

响应式结构:是

模块化:是

开发银行模板/构造:是

图标集:GlyphiconsHalflings设置

外加/附属类小构件:无捆绑,许多第三方插件可用。

破例组件: Jumbotron

文书档案能源:优秀

自定制:基本GUI定制器。不过你要求手动输入颜色值,因为还未有颜色选拔器可用。

浏览器扶持: Firefox,Chrome,Safari,IE8 (您供给IE8的Respond.js)

许可证:澳门新萄京:最风靡的5个前端框架比较,最受款待的7个前端UI框架。MIT

Bootstrap说明

Bootstrap的宽泛流行是它的优势所在。在技​​术上,它不必然比列表中的其余框架越来越好,但它提供了比任何七个框架越多的财富(文章和课程、第三方插件和增添、宗旨营造器等)。一句话来讲,Bootstrap 无处不在,那是公众一连选取的要紧原因。

Notes on Semantic UI

Semantic 是此处研讨的最改过和法力最康健的框架。在框架的完全布局和命名约定方面,也以清晰的逻辑和语义类超越了其余框架。

5.UIkit

澳门新萄京 9

UIkit 是二个便于使用和定制的粗略组件集合。纵然与其竞争对手相比,受迎接程度没那么高,不过它同样提供了长期以来的功力和质地。

* 所属:YOOtheme

* 公布时间: 2012

* 当前版本: 3.0.0

* 受招待程度: 在 Github 收获 9,422 个点赞

* 描述: “三个轻量级模块化的前端框架,用于飞快支付强盛的 Web 界面”

* 宗旨概念: 讴歌ZDXWD, 移动优先

* 框架谈起: 326.9 KB (384.4 KB 如果含有 uikit-icons.min.js 和血脉相仿 SVG Logo时卡塔尔国

* 预微处理器: Less, Sass

* 响应式: Yes

* 模块化: Yes

* 模板/布局: Yes

* Logo集: UIkit 包罗本人的 SVG Logo系统和库

* 插件/扩展: Yes

* 独特组件: Article, Flex, Cover, HTML Editor

* 文档: Good

* 定制: 高等 GUI 定制器,只在本子 2 中提供

* 浏览器援助: Chrome, Firefox, Safari, IE9

* 许可证: MIT

Foundation说明

Foundation是一个真的的正规化框架,提供专门的学问支撑、培养操练和咨询。它还提供了非常多财富来扶助你更快更轻便地读书和应用该框架。

Foundation

Foundation是排在第二名的框架。ZURB这么加强的集团间接帮忙着Foundation,所以那些框架有苍劲的根底。Foundation现已用于大多种型网址,满含照片墙,Mozilla,Ebay,Yahoo!和江山地理等。

澳门新萄京 10

创作者: ZURB

发行: 2011

当前版本: 6.3.1

人气: GitHub上有25,400颗星

证实: “世界上最初进的响应式前端框架”

中央概念/原则: EscortWD,移动端优先,语义。

框架大小: 197.5 KB

预微电脑: Sass

响应式布局:是

模块化:是

初叶模板/布局:是

图标集:根底Logo字体

外加/附加组件:是

非凡的构件: Icon Bar, Clearing Lightbox, Flex Video, Keystrokes, 乔伊ride, Pricing Tables

文档能源:优良,还应该有比很多额外国资本源。

自定制:基本的GUI定制造进度序,近似于Bootstrap定制工具。

浏览器帮助: Chrome,Firefox,Safari,IE9 ; iOS,Android,Windows Phone 7

许可证:MIT

Foundation说明

Foundation是贰个的确的科班框架,提供业务支撑、培养训练和提问。它还提供了好多资源来协助您更加快更自在地上学和动用该框架。

4. Pure by Yahoo!

Pure是叁个轻量级的、模块化的框架,以纯CSS编写,它总结不菲零器件,你能够依附供给同盟或独自使用它们。

澳门新萄京 11

  • **创建者:  Yahoo**
  • 发布: 2013
  • 时下版本: 0.5.0
  • 人气: 在Github上有9,900 stars
  • 描述: “您能够在每一个web项目中利用的大器晚成组小的和响应式的CSS模块”
  • 主导概念/原则:SMACSS,极简的.
  • 框架大小: 18 KB
  • 预微机:  None
  • 响应式: Yes
  • 模块化: Yes
  • 起来模板/结构: Yes
  • Logo设置: 未有,能够采用Font Awesome取代
  • 附加/插件: None
  • 非同一般的组件:None
  • 文档: 良好
  • 定制: 基本的GUI定制器。
  • 浏览器扶植:Firefox的摩登版本, Chrome, Safari; IE7 ; iOS 6.x, 7.x; Android 4.x
  • 许可证: MIT

 6.Milligram

澳门新萄京 12

Milligram 提供了极简样式设置,便于你连忙、简洁的展开建站之旅。就算它不是一个 UI 框架,但它的设计意见却是以提供能够的属性、高效的费用作用以致起码的品质重新复苏设置而构建的。同有时间,它也是轻量的,在 Gzip 压缩后,它只有 2KB 大小。

7.AmazeUI

澳门新萄京 13

3.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 UI是二个语义化设计的前端开源框架。它使用自然语言原理,进而使代码尤其可读和可明白。

澳门新萄京 14

创作者: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是此处所评论的保有框架中,最具立异性和专职能的框架。其框架的完整布局、类中清楚逻辑的命名约定方式和语义方面也超过了其余框架。

Notes on Pure

Pure只提供三个主导的品格,让你的体系有三个绝望的发轫。对于工作中无需一个专职能的框架只必要有一定的零器件的人来讲是最美貌的。

Semantic UI说明

Semantic是这里所商讨的持有框架中,最具修改性和专职能的框架。其框架的整体布局、类中清楚逻辑的命名约定格局和语义方面也超过了此外框架。

Pure

Pure是后生可畏种轻量级的模块化框架,接纳纯CSS编写,具有可依靠必要一块使用或单独行使的机件。

澳门新萄京 15

创作者:雅虎

发行: 2013

方今版本: 0.6.2

流行度: GitHub上有16,637颗星

评释: “蓬蓬勃勃套小而灵活的CSS模块,能够在种种Web项目中接纳。”

着力概念/原则:SMACSS,极简主义。

框架大小: 16 KB

预处理:无

响应式构造:是

模块化:是

开发银行模板/构造:是

Logo集:无。能够改用Font Awesome。

额外/附加组件:无

出奇组件:无

文书档案能源:很好

自定义:基本GUI身体发肤生成器

浏览器扶持:最新版本的Firefox,Chrome,Safari; IE7 ; iOS 6.x,7.x; Android 4.x

许可证:Yahoo! Inc. BSD

Pure说明

Pure为你的体系提供了一个完完全全的起来,只提供基本框架。对于无需全职能框架但仅满含在其工作中的特定组件的人来讲,Pure是三个独具特殊的优越条件的取舍。

5. UIkit by YOOtheme

UIkit 是一个简洁的框架,它轻松使用,易于定制组件。即使它不像任何竞争对手同样受款待,但它提供了意气风发致的效应和品质。

澳门新萄京 16

  • 创建者:   YOOtheme
  • 发布: 2013
  • 脚下版本: 2.13.1
  • 人气: 在Github上有3,800 stars
  • 描述: “贰个轻量级的和模块化的前端框架,用于快速支付和功效强大的web接口。”
  • 骨干概念/原则:陆风X8WD, 手提式有线电电话机优先.
  • 框架大小:  118 KB
  • 预微处理器:  Less, Sass
  • 响应式: Yes
  • 模块化: Yes
  • 起头模板/布局: Yes
  • Logo设置: Font Awesome
  • 附加/插件: Yes
  • 特种的组件: Article, Flex, Cover, HTML Editor
  • 文档: 良好
  • 定制: 优秀的GUI定制器。
  • 浏览器援助: Chrome, Firefox, Safari, IE9
  • 许可证: MIT

4.Pure

Pure是生机勃勃种轻量级的模块化框架,选择纯CSS编写,具有可依照须要联合使用或单独行使的零器件。

创作者:雅虎
发行: 2013
时下版本: 0.6.2

流行度: GitHub上有16,637颗星
表明: “大器晚成套小而灵活的CSS模块,能够在各种Web项目中动用。”
基本概念/原则: SMACSS,极简主义。
框架大小: 16 KB
预处理:无
响应式布局:是
模块化:是
启航航空模型型板/布局:是
Logo集:无。能够改用Font Awesome。
额外/附加组件:无
非常组件:无
文书档案财富:很好
自定义:基本GUI四肢生成器
浏览器协理:最新版本的Firefox,Chrome,Safari; IE7 ; iOS 6.x,7.x; Android 4.x
许可证: Yahoo! Inc. BSD

UIkit

UIkit是三个轻易使用和自定义的组件的精简集结。就算它不像别的框架那样受招待,但它提供了雷同的效果与利益和质感。

澳门新萄京 17

创造者:YOOtheme

发行: 2013

现阶段版本: 3.0.0

人气:GitHub GitHub上有9,422颗星

证实: “用于支付火速而有力的Web分界面包车型大巴轻量级和模块化的前端框架”。

着力概念/原则: 福特ExplorerWD,移动端优先

框架大小: 326.9 KB(若是带有uikit-icons.min.js与SVGLogo相关的效用,则为384.4 KB )

预微机:少,Sass

响应式构造:是

模块化:是

起步模板/布局:是

Logo集: UIkit自带SVGLogo系统和类库,当中积存越多的提纲Logo。

外加/附加组件:是

出奇的零器件:Article, Flex, Cover, HTML Editor

文件:好

自定义:高等GUI定制造进度序仅在版本2(从前的本子)中可用

浏览器辅助: Chrome,Firefox,Safari,IE9

许可证:MIT

UIkit说明

UIkit成功使用在多数WordPress主题中。它提供了灵活和强硬的手动定制机制(在此早前版本的框架还提供了高等GUI定制造进程序)。

Notes on UIkit

UIkit已经成功的在众多WordPress 宗旨上应用,它提供了二个眼尖手快、强大的定制化学工业机械制,也足以透过GUI定制器进行手动操作。

哪叁个框架更相符你?

最后,在甄选相当的框架方面,让本身给你某些观念,这里有后生可畏对最主要的事情须求专注:

  • 其一框架有丰裕的名气吗?更加大的普遍意味着更加多的人涉足那几个类型,因而,会有更加多来自社区的学科和随笔,越来越多真实的案例/网址,越来越多第三方扩充,与有关web开垦成品更加好地结合。庞大的人气也表示框架不太会过时,毕竟三个独具宏大群众体育利用的框架是不太也许被废弃的。
  • 那些框架还在再三积极付出吗?三个好的框架是需求结合新型的互连网技巧不断晋级的,特别是有关移动方面包车型客车技术。
  • 本条框架已经成熟了吗?假如三个框架还没在事实上项目和测量试验中应用,那么你能够大肆玩,但依赖它做专门的学业项目就不太明智了。
  • 本条框架提供能够的文书档案吗?杰出的文书档案总是能为你的读书进程提供有益。
  • 这一个框架的特异性程度有多高?这里的中央观念是,比超多个新鲜程度高的框架,使用四个更通用的框架要轻易得多。在大部景色下,最佳选拔一个眇小风格的框架,因为它更易于定制。相比较重写或隐讳现存的平整,增多新的CSS准绳是更方便和快速的流水生产线。其它,倘若您在现存框架的底部增多新准绳,那么你将或者会留下一些不被选择的规规矩矩,那将增添不须要的CSS文件的深浅。

终极,借使您还是不明确,还不错混合搭配方式。即使贰个特定的框架不满足你的内需,您能够从七个或五个以上的种类来勾兑组件。举个例子,你能够从二个框架获得不大的CSS样式幼功从另叁个框架获得二个各取所需的栅格系统,再从第几个框架得到更目迷五色的构件。模块化万岁!:)

你的主张是怎么吗?这一个框架有怎样亮点和缺欠是此处未有关系的吧?你以为还会有别的题目是理所应当被列出来的啊?在底下的座谈中能够让大家深知。

赞 4 收藏 评论

Pure说明

Pure为您的体系提供了一个干净的起初,只提供基本框架。对于不须求全职能框架但仅包涵在其专门的职业中的特定组件的人来讲,pures是三个了不起的取舍。

怎么是最适合您的框架?

在筛选框架时,能够从以下多少个方面构思:

所选的框架有充裕的名气吗?更加的多的名气意味着更加的多的人涉足项目,也代表有更加多的学科和社区篇章、越多的实例和网址、越多的第三方扩展、更加好的相关的Web产物可与其集成。受欢迎程度也表示框架更具前瞻性,因为具有更加大社区的框架不太恐怕被遗弃。

框架是或不是正在积极进步?叁个好的框架必要不停地接收最新的web技能,特别是在移动端方面。

框架是或不是达到规定的规范成熟?借使三个一定的框架在切实项目中还尚无被利用和测量检验,那么将其用来你的正经项目,恐怕不是二个睿智的选取。

框架是还是不是提供了要得的文书档案?为了便利学习过程,总是须要优质的文书档案。

框架的特异性是怎么着?这里的核心理想是,与富有高端别特异性的框架相比较,更通用的框架更易于接受。在当先四分之二景观下,最棒选用二个使用最小样式的框架,因为它更易于自定义。与重写现存的CSS准则相比,增添新的CSS准则是二个更方便实用的做法。

假诺你还不鲜明使用哪个框架,那么能够选取混搭的秘诀。当某些特定的框架不可能知足你的须要时,能够勾兑使用八个或八个品类的组件。

末段值得风流倜傥提的是,今后Flexbox和Grid Layout在主流浏览器的新式版本中拿到很好的支撑,比早前其他时候都更易于创设复杂的布局。那或然会鼓劲更加多的开拓人士遗弃前端框架,从头开端编写他们和蔼想要的布局。

原版的书文链接:

转发请注脚来源:山葫芦城控件

关于葡萄干城

山葫芦城是全世界控件行当老总,世界抢先的集团应用定制工具、集团报表和商业智能技术方案提供商,为当先四分一的国内外能源500强公司提供劳动。

至于小编:kinolee

澳门新萄京 18

今日头条微博:@木冬虫夏草 个人主页 · 笔者的稿子 · 12

澳门新萄京 19

5.UIkit

UIkit是二个便于使用和自定义的机件的简短集结。固然它不像其余框架那样受款待,但它提供了生机勃勃致的功效和品质。

澳门新萄京,创造者: YOOtheme
发行: 2013
日前版本: 3.0.0
人气:GitHub GitHub上有9,422颗星
证实: “用于支付连忙而有力的Web分界面包车型大巴轻量级和模块化的前端框架”。
主干概念/原则: 逍客WD,移动端优先
框架大小: 326.9 KB(假如带有uikit-icons.min.js与SVG图标相关的遵从,则为384.4 KB )
预微处理器:少,Sass
响应式结构:是
模块化:是
开发银行模板/构造:是
Logo集: UIkit自带SVGLogo系统和类库,在那之中包含越多的纲领Logo。
外加/附加组件:是
格外的机件:Article, Flex, Cover, HTML Editor
文件:好
自定义:高端GUI定制造进度序仅在版本2(以前的本子)中可用
浏览器扶助: Chrome,Firefox,Safari,IE9
许可证:MIT

UIkit说明

UIkit成功利用在无数WordPress宗旨中。它提供了灵活和强盛的手动定制机制(在此之前版本的框架还提供了高等GUI定制造进程序)。

什么样是最符合你的框架?

在选取框架时,可以从以下多少个方面考虑:

所选的框架有丰盛的人气吗?越来越多的人气意味着更加的多的人涉足项目,也表示有更多的学科和社区篇章、越多的实例和网址、越来越多的第三方扩展、更加好的连带的Web付加物可与其集成。受应接程度也意味框架更具预后性,因为兼具越来越大社区的框架不太大概被放任。
框架是或不是正在主动发展?二个好的框架须求不断地动用新型的web技巧,非常是在移动端方面。

框架是还是不是达到规定的规范成熟?要是三个特定的框架在实际项目中还还未被应用和测量试验,那么将其用来你的正经项目,也许不是贰个精明的抉择。

框架是不是提供了可观的文书档案?为了有扶植学习进度,总是须要美丽的文档。

框架的特异性是何许?这里的要义是,与全部高档别特异性的框架相比较,更通用的框架更易于选用。在大部动静下,最棒接受三个接收最小样式的框架,因为它更便于自定义。与重写现成的CSS准绳比较,加多新的CSS准则是叁个更方便人民群众实用的做法。

假诺你还不鲜明使用哪个框架,那么能够行使混合着搭配的主意。当某些特定的框架不能够满意你的急需时,可以勾兑使用七个或八个类其余零零件。

末尾值得风度翩翩提的是,以往Flexbox和Grid Layout在主流浏览器的流行版本中收获很好的支撑,比现在其他时候都更易于营造复杂的构造。这只怕会鼓舞越来越多的开垦职员扬弃前端框架,从头开端编写他们慈悲想要的布局。


以上为民用观念,如有近似,纯属巧合,款待我们多提意见!Bey 了 个 Bey ~

本文由澳门新萄京发布于澳门新萄京最大平台,转载请注明出处:澳门新萄京:最风靡的5个前端框架比较,最受款

上一篇:澳门新萄京:xml当然是整个struts,面向移动设备 下一篇:没有了
猜你喜欢
热门排行
精彩图文