精华内容
下载资源
问答
  • 2014年5个最流行前端框架对比 当今时代众多CSS的前端框架纷涌而至,但真正的优秀的却屈指可数。 在这篇文章中我们将对我认为最好的五个框架进行比较,每个框架都有自己优缺点和特定的应用领域,这允许你根据特定...

    2014年5个最流行前端框架对比

    当今时代众多CSS的前端框架纷涌而至,但真正的优秀的却屈指可数。

    在这篇文章中我们将对我认为最好的五个框架进行比较,每个框架都有自己优缺点和特定的应用领域,这允许你根据特定项目的需求选择合适的框架。比如, 如果你的项目比较简单,你就不需要复杂的框架,此外,许多选项是模块化的,这允许你仅使用你需要的组件,或者混合使用不同框架的组件。

    我们要讨论的框架都是基于其在github上的人气展示的,首先说最流行的,当然是:Bootstrap。

    (注意:下面的一些信息在未来的几周和几月后就过时了,如:GitHub 上的评分(Stars)和版本数,因此如果你是在这篇文章发布很久以后阅读的话,你需要留意这一点。此外,还要注意框架大小是否将必要的CSS和JS文件最小化。)

    1. Bootstrap

    Bootstrap 在当今流行的各种框架中是无可争议的老大。鉴于其每天仍在增长的巨大人气,可以肯定,这个美妙的工具绝对不会让你失望,它也不会在你成功建立网站前就离你而去。

    • 创建者: 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
    • 图标设置: Glyphicons Halflings set
    • 附加/插件: 没有捆绑插件,但许多第三方插件可用.
    • 独特的组件: Jumbotron
    • 文档: 良好
    • 定制: 基本的GUI定制器。不幸的是,你需要手动输入的颜色值,因为没有可用的颜色选择器。
    • 浏览器支持: Firefox, Chrome, Safari, IE8+ (你需要 Respond.js for IE8)
    • 许可证: MIT

    Bootstrap说明

    •  Bootstrap 的主要优点是它非常流行。从技术上讲,它并不一定比这次列出来的其他框架好,但它提供的资源(文章和教程、第三方插件和扩展、主题开发者等等)比其他四个框架的总和还要多。简而言之,Bootstrap无处不在。这是人们继续选择它的主要原因。
    • (注意:“独特的组件”的意思是,相比这里提到的其他框架是独一无二的。)

    2. Foundation by ZURB

    Foundation是这几个框架中第二大的,在像ZURB一样实力雄厚的公司支持下,这个框架确实很强大,是的,就是foundation。毕 竟, Foundation已经在很多大型网站上投入使用,包括 Facebook, Mozilla, Ebay, Yahoo!和国家地理等等。

    • 创建者: ZURB
    • 发布: 2011
    • 当前版本:5.4.7
    • 人气: 在Github上有18,000+ stars
    • 描述: “世界上最优秀的响应式前端框架”
    • 核心概念/原则: RWD 、手机优先、语义的
    • 框架大小: 326KB
    • 预处理器: Sass
    • 响应式: Yes
    • 模块化: Yes
    • 开始模板/布局: Yes
    • 图标设置: 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

    Foundation说明

    Foundation 是一个提供业务支持、培训和咨询真正专业的框架。它还提供了很多资源帮助你更快和更容易学习和使用框架。

    3. Semantic UI

    Semantic UI 经过多年的努力,致力于能够以更语义化的方式构建网站。它使用自然语言的原则,使代码更可读,更容易理解。

    • 创建者: Jack Lukic
    • 发布:2013
    • 当前版本:1.2.0
    • 人气: 在Github上有12,900+ stars
    • 描述: “基于自然语言有效原则的UI组件框架”
    • 核心概念/原则: 语义,标签的矛盾性、响应式
    • 框架大小: 552KB
    • 预处理器: Less
    • 响应式: Yes
    • 模块化: Yes
    • 开始模板/布局: No
    • 图标设置: 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), Android 4, Blackberry 10
    • 许可证: MIT

    Semantic UI说明

    Semantic 是这里讨论的最创新和功能最全面的框架。在框架的总体结构和命名约定方面,也以清晰的逻辑和语义类超过了别的框架。

    4. Pure by Yahoo!

    Pure是一个轻量级的、模块化的框架,以纯CSS编写,它包括很多组件,你可以根据需要联合或独立使用它们。

    • 创建者:  Yahoo
    • 发布: 2013
    • 当前版本: 0.5.0
    • 人气: 在Github上有9,900+ stars
    • 描述: “您可以在每一个web项目中使用的一组小的和响应式的CSS模块”
    • 核心概念/原则:SMACSS,极简的.
    • 框架大小: 18 KB
    • 预处理器:  None
    • 响应式: Yes
    • 模块化: Yes
    • 开始模板/布局: Yes
    • 图标设置: 没有,可以使用Font Awesome替代
    • 附加/插件: None
    • 独特的组件:None
    • 文档: 良好
    • 定制: 基本的GUI定制器。
    • 浏览器支持:Firefox的最新版本, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x
    • 许可证: MIT

    Pure说明

    Pure只提供一个基本的风格,使你的项目有一个干净的开始。对于工作中不需要一个全功能的框架只需要有特定的组件的人来说是最理想的。

    5. UIkit by YOOtheme

    UIkit 是一个简洁的框架,它易于使用,易于定制组件。虽然它不像其它竞争对手一样受欢迎,但它提供了相同的功能和质量。

    • 创建者:   YOOtheme
    • 发布: 2013
    • 当前版本: 2.13.1
    • 人气: 在Github上有3,800+ stars
    • 描述: “一个轻量级的和模块化的前端框架,用于快速开发和功能强大的web接口。”
    • 核心概念/原则:RWD, 手机优先.
    • 框架大小:  118 KB
    • 预处理器:  Less, Sass
    • 响应式: Yes
    • 模块化: Yes
    • 开始模板/布局: Yes
    • 图标设置: Font Awesome
    • 附加/插件: Yes
    • 独特的组件: Article, Flex, Cover, HTML Editor
    • 文档: 良好
    • 定制: 优秀的GUI定制器。
    • 浏览器支持: Chrome, Firefox, Safari, IE9+
    • 许可证: MIT

    UIkit说明

    UIkit已经成功的在许多WordPress 主题上使用,它提供了一个灵活、强大的定制化机制,也可以通过GUI定制器进行手动操作。

    哪一个框架更适合你?

    最后,在选择合适的框架方面,让我给你一些意见,这里有一些重要的事情需要注意:

    • 这个框架有足够的人气吗?更大的普及意味着更多的人参与这个项目,因此,会有更多来自社区的教程和文章,更多真实的案例/网站,更多第三方扩展,与相关web开发产品更好地结合。巨大的人气也意味着框架不太会过时,毕竟一个有着巨大群体使用的框架是不太可能被放弃的。
    • 这个框架还在持续积极开发吗?一个好的框架是需要结合最新的网络技术不断升级的,特别是关于移动方面的技术。
    • 这个框架已经成熟了吗?如果一个框架尚未在实际项目和测试中使用,那么你可以随意玩,但依赖它做专业项目就不太明智了。
    • 这个框架提供良好的文档吗?良好的文档总是能为你的学习过程提供便利。
    • 这个框架的特异性程度有多高?这里的要点是,相比一个特异程度高的框架,使用一个更通用的框架要容易得多。在大多数情况下,最好选择一个最小风格 的框架,因为它更容易定制。相比重写或覆盖现有的规则,添加新的CSS规则是更方便和高效的流程。另外,如果你在现有框架的头部添加新规则,那么你将可能 会留下一些不被使用的规则,这将增加不必要的CSS文件的大小。

    最后,如果你仍然不确定,可以采用混搭方式。如果一个特定的框架不满足您的需要,您可以从两个或两个以上的项目来混合组件。例如,你可以从一个框架得到较小的CSS样式基础从另一个框架得到一个优秀的栅格系统,再从第三个框架获得更复杂的组件。模块化万岁!:)

    你的想法是什么呢?这些框架有什么优点和缺点是这里没有提到的呢?你认为还有其他问题是应该被列出来的吗?在下面的讨论中可以让我们获悉。

    原文发布时间:2015-01-09

    本文来自云栖合作伙伴“linux中国”

    展开全文
  • 2018现流行前端框架小记

    千次阅读 2018-02-22 15:08:46
    按在GitHub上的流行度进行排序;BootstrapBootstrap是目前可用框架中无可争议的领导者。其人气日益增长,可以放心的选择这个框架,而不必担心项目会失败,因为具有广泛使用基础的框架,不太可能被抛弃。Bootstrap的...

    按在GitHub上的流行度进行排序;

    Bootstrap

    Bootstrap是目前可用框架中无可争议的领导者。其人气日益增长,可以放心的选择这个框架,而不必担心项目会失败,因为具有广泛使用基础的框架,不太可能被抛弃。

    Bootstrap的广泛流行是它的优势所在。在技术上,它不一定比列表中的其它框架更好,但它提供了比其它四个框架更多的资源(文章和教程、第三方插件和扩展、主题构建器等)。简而言之,Bootstrap 无处不在,这是人们继续选择的主要原因。

    Foundation

    Foundation是排在第二名的框架。ZURB这样坚实的公司一直支持着Foundation,所以这个框架有强大的基础。Foundation现已用于许多大型网站,包括Facebook,Mozilla,Ebay,Yahoo!和国家地理等。

    Foundation是一个真正的专业框架,提供业务支持、培训和咨询。它还提供了许多资源来帮助你更快更轻松地学习和使用该框架。

    Semantic UI

    Semantic UI是一个语义化设计的前端开源框架。它利用自然语言原理,从而使代码更加可读和可理解。

    Semantic是这里所讨论的所有框架中,最具创新性和全功能的框架。其框架的总体结构、类中清晰逻辑的命名约定方式和语义方面也超过了其它框架。

    Pure

    Pure是一种轻量级的模块化框架,采用纯CSS编写,具有可根据需要一起使用或单独使用的组件。

    Pure为你的项目提供了一个干净的开始,只提供基本框架。对于不需要全功能框架但仅包含在其工作中的特定组件的人来说,pures是一个理想的选择。

    UIkit

    UIkit是一个易于使用和自定义的组件的简洁集合。虽然它不像其它框架那样受欢迎,但它提供了相同的功能和质量。

    UIkit成功应用在许多WordPress主题中。它提供了灵活和强大的手动定制机制(以前版本的框架还提供了高级GUI定制程序)。
    展开全文
  •  随着Web 越来越规范和标准的统一,Web组件化技术不断革新以及移动端开发不断升华的今天,我觉得有必要把过去一年帮助过我或朋友们的优秀开源前端框架做个盘点,希望这些与时俱进,具有行业代表性的项目能够
    2015年已经过去了,作为一个亲历前端开发多年的开发者,目睹和见证了前端开发从最初的Javascript 语言类库到HTML5标准定稿后带来的Web Components 跨终端组件的快速发展。
    

      随着Web 越来越规范和标准的统一,Web组件化技术不断革新以及移动端开发不断升华的今天,我觉得有必要把过去一年帮助过我或朋友们的优秀开源前端框架做个盘点,希望这些与时俱进,具有行业代表性的项目能够越来越好,帮助到更多的前端开发者们。

      此榜单根据github上star数作为排名依据,一个人力量有限,如果收集有遗漏欢迎补充。(榜单中大部分为组件式框架,react、Angular等基础框架不在此篇讨论)

      1、 名称:Bootstrap

      

    1

     

      类别/语言:HTML、CSS、JavaScript

      创建者:Twitter

      人气:在Github上有91007 stars

      描述:主流框架中毋庸置疑的老大,Bootstrap 是基于 HTML、CSS、JavaScript的,它简洁灵活,使得 Web 开发更加快捷。

      核心概念/原则: RWD 和移动优先制。

      浏览器支持: Firefox, Chrome, Safari, IE8+ (你需要 Respond.js forIE8)

      响应式: Yes

      模块化: Yes

      2、名称:html5-boilerplate

      类别/语言:HTML、CSS、JavaScript

      创建者:Paul Irish

      人气:在Github上有32,349stars

      描述:HTML5 Boilerplate 帮你构建快速, 健壮, 并且适应力强的web app或网站。

      核心概念/原则:响应式

      浏览器支持:Firefox, Chrome, Safari, IE8+,Edge,Opera

      预处理器:None

      响应式:Yes

      模块化:Yes

      3、名称:Meteor

      类别/语言:HTML、CSS、JavaScript

      创建者:immir

      人气:在Github上有31,092 stars

      描述:Meteor是新一代的开发即时web应用的开源框架,它能帮助你在最少的时间内完成开发。

      核心概念/原则:响应式

      预处理器: Less

      响应式: Yes

      模块化: Yes

      4、名称:Semantic UI

      类别/语言:HTML、CSS、JavaScript

      创建者: Jack Lukic

      人气: 在Github上有22,325 stars

      描述: “基于自然语言有效原则的UI组件框架”

      核心概念/原则: 语义,标签的矛盾性、响应式

      浏览器支持:Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only),Android 4, Blackberry 10。

      预处理器: Less

      响应式: Yes

      模块化: Yes

      5、名称:Foundation

      类别/语言:HTML、CSS、JavaScript

      创建者: ZURB

      人气: 在Github上有22,206+ stars

      描述: “世界上最优秀的响应式前端框架”

      核心概念/原则: RWD 、手机优先、语义的

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

      预处理器: Sass

      响应式: Yes

      模块化: Yes

      6、名称:Materialize

      

    2

     

      类别/语言:CSS

      创建者:Google

      人气:在Github上有15,288stars

      描述:Materialize是一个个基于材料设计的一个现代化的响应式前端框架。他们做了最繁重的工作,为您提供默认的样式,结合了您的自定义组件。此外,他们还改进动画和过渡,为开发人员提供流畅的体验。

      核心概念/原则:响应式

      预处理器:Sass

      响应式:Yes

      模块化:Yes

      浏览器支持:Chrome 35+, Firefox 31+, Safari 7+, IE 10+

      7、名称:Pure

      类别/语言:CSS

      创建者: Yahoo

      人气: 在Github上有13,161 stars

      描述: “您可以在每一个web项目中使用的一组小的和响应式的CSS模块”

      核心概念/原则:SMACSS,极简的.

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

      预处理器: None

      响应式: Yes

      模块化: Yes

      8、名称:Vue

      类别/语言:CSS、JavaScript

      创建者:尤雨溪

      人气:在Github上有12,214stars

      描述:Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。

      核心概念/原则:响应式

      浏览器支持:Firefox, Chrome, Safari, IE9+,Android4.2+,iOS 7+

      预处理器:None

      响应式:Yes

      模块化:Yes

      9、名称:Skeleton

      类别/语言:CSS、JavaScript

      创建者:Dave Gamache

      人气:在Github上有10,622stars

      描述:Skeleton 是一个小的 JS 和 CSS 文件的集合,可帮你快速开发漂亮的网站,适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。

      核心概念/原则:响应式

      浏览器支持:Firefox, Chrome, Safari, IE10+,Opera

      预处理器:None

      响应式:Yes

      模块化:Yes

      10.名称: Amaze UI

      

    3

     

      类别/语言:HTML、CSS、JavaScript

      创建者:云适配

      最后更新时间:2015年12月

      人气:在Github上有6425 stars

      描述:Amaze UI是国内首个开源HTML5跨屏前端框架产品系列,中文排版支持更优、本土化组件丰富。该产品系列中有专门针对移动端的HTML5混合应用开发框架Amaze UI Touch以及针对跨屏HTML5网页开发的Amaze UI Web。其中,Amaze UI Touch可以帮助开发者通过丰富的组件,快速构建出与原生APP相媲美的专属移动端的HTML5应用。

      核心概念/原则:组件化、移动优先、轻量级、高性能。

      浏览器支持: Firefox, Chrome, Safari, IE8+

      响应式: Yes

      模块化: Yes

    展开全文
  • 还有哪些技术出去工作是必须要掌握的,因为我要出去工作了,问一下各位大佬
  • 网站:http://wrongwaycn.github.com/bootstrap/docs/index.html 英文:http://twitter.github.com/bootstrap/
    网站:http://wrongwaycn.github.com/bootstrap/docs/index.html
    英文:http://twitter.github.com/bootstrap/
    展开全文
  • 目前比较流行前端框架有Angular、Vue、React 转载于:https://www.cnblogs.com/chenh/p/10462351.html
  • 比较流行前端框架

    2019-09-13 03:44:34
    拼图是优秀的响应式前端CSS开源框架,国内前端框架先驱及领导者,自动适应手机、平板、电脑等设备,让前端开发像游戏般快乐、简单、灵活、便捷 http://www.pintuer.com/ : Swiper常用于移动端网站的内容触摸滑动...
  • ...14个响应式前端开发框架。几乎所有的框架都采用了... 使用这些前端框架,有如下好处:  跨浏览器。这一点已被证实。  一致性。UI组件,如导航、按钮、标签、表单、下拉框、表格……,在设计上保持风格一致。  ...
  • 流行前端开发框架分析 本文选取了 Bootstrap、jQuery UI、jQuery Mobile、Sencha ExtJS、Sencha Touch、Sencha GXT、Dojo、Dojo Mobile、Mootools、Foundation、YUI、Kissy、QWrap 等 16 个国内外前端开发框架...
  • 目前最流行的开源前端框架

    千次阅读 2018-06-12 16:52:52
    经常使用目前互联网比较流行前端框架,小编根据自己工作中、关注中的一些前端框架进行了梳理,对于现在的开发者来说,都向着全栈方向发展,所以必须掌握些前端比较流行的框架,这样才能增强自己的技术体系框架,也...
  • 常用流行前端框架

    2019-10-05 11:41:42
    就算你不了解前端,也会在公司的项目中多少听到程序员说起过。目前很多公司都在用,已经很成熟。而且提供了对设计师友好的 Sketch 规范文件,可以直接拿来用。 Ant Design 是基于 React 开发的,并不是传统的 html...
  • 目前流行前端框架

    2015-05-06 11:53:00
    Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。[1]它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML...
  • 流行前端框架一览

    2016-07-26 17:09:00
    HTML5有非常有用和令人意想不到的功能,但也有少数浏览器并不支持HTML5,因此我们需要基于HTML5的前端响应式框架做跨浏览器的支持。这些HTML5的框架有很多,大多支持响应式布局,干净的代码,跨浏览器兼容,内置按钮...
  •  时间飞逝,从事前端开发工作转眼已快两年,对于前端的知识,两年中却很少整理,偶然一同事问起前端框架,这才想起,其实应该好好整理下前端的基本知识点,许久之后,自己也能回过头来复习。时间飞逝,从事前端开发...
  • 流行前端框架vue

    2019-04-11 08:35:02
    vue是现在很火的一个前端MVVM框架,它以数据驱动和组件化的思想构建,与angular和react并称前端三大框架。相比angular和react,vue更加轻巧、高性能、也很容易上手。大家也可以移步vue官网,看一下它的介绍和核心...
  • 当前比较流行前端框架整理

    千次阅读 2017-07-05 16:38:05
     时间飞逝,从事前端开发工作转眼已快两年,对于前端的知识,两年中却很少整理,偶然一同事问起前端框架,这才想起,其实应该好好整理下前端的基本知识点,许久之后,自己也能回过头来复习。时间飞逝,从事前端开发...
  • 流行前端开发框架对比评测

    千次阅读 2015-03-27 21:27:46
    前不久,云适配根据Github上的流行程度整理了目前最受欢迎的6个前端开发框架,并进行对比说明,希望帮助有需要的朋友选择合适自己的前端框架。 1. Bootstrap Bootstrap毫无疑问是现今框架的领导者。他不仅仅流行,...
  • 有哪些目前流行前端框架

    万次阅读 2017-10-09 17:49:33
    使用前端框架其实和开发的项目有一定的关系,因为在不同的项目中可能会用到不同的组件功能,这样说可能有一点片面,但是在面临几十种再做出选择的时候确实有一定的难度,难道每一种我都要去熟悉?这是不可能的事情,...
  • vue是现在很火的一个前端MVVM框架,它以数据驱动和组件化的思想构建,与angular和react并称前端三大框架。相比angular和react,vue更加轻巧、高性能、也很容易上手。大家也可以移步vue官网,看一下它的介绍和核心...
  • 流行前端框架整理

    2015-01-27 17:31:00
    2019独角兽企业重金招聘Python工程师标准>>> ...
  • 流行的5个前端框架对比

    千次阅读 2017-06-26 11:49:12
    本文将会比较五个最佳的前端流行框架。每个框架都有自己的优点和缺点,以及具体的应用领域,你可以根据自己的具体项目需求进行选择。此外,许多选项都是模块化的,允许你仅使用所需的组件,甚至可以混合使用来自不同...
  • 前端流行框架

    2016-10-12 12:49:21
    流行开发框架介绍 1 移动端开发有哪些框架那? Ionic Html5+ AppCan Framework7   Jquery Mobile   React Native ……. 2 Html5+ 2.2.1 首先要认识Html5+联盟是什么? HTML5中国产业联盟,简称...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,270
精华内容 1,308
关键字:

流行前端框架