标签： 前端

2015 年开源前端框架盘点 TOP 20

2015年已经过去了，作为一个前端开发者，我觉得有必要把过去一年帮助过我或朋友们的优秀开源前端框架做个盘点，希望这些项目能够越来越好，帮助到更多的前端开发者们。

此榜单根据github上star数作为排名依据，一个人力量有限，如果收集有遗漏欢迎补充。

 

1、名称：Bootstrap

类别/语言：HTML、CSS、JavaScript

创建者： Twitter

人气：在Github上有91007 stars

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

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

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

响应式: Yes

模块化: Yes

官网地址：http://getbootstrap.com/

Github地址：https://github.com/twbs/bootstrap

 

2、名称：html5-boilerplate

类别/语言：HTML、CSS、JavaScript

创建者：Paul Irish

人气：在Github上有32,349 stars

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

核心概念/原则：响应式

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

预处理器：None

响应式：Yes

模块化：Yes

官网地址：https://html5boilerplate.com/

Github地址：https://github.com/h5bp/html5-boilerplate

 

3、名称：Meteor

类别/语言：HTML、CSS、JavaScript

创建者：immir

人气：在Github上有31,092 stars

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

核心概念/原则：响应式

预处理器: Less

响应式: Yes

模块化: Yes

官网地址：https://www.meteor.com

Github地址：https://github.com/meteor/meteor/

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

官网地址：http://semantic-ui.com/

Github地址：https://github.com/Semantic-Org/Semantic-UI

5、名称：Foundation

类别/语言：HTML、CSS、JavaScript

创建者: ZURB
人气: 在Github上有22,206+ stars
描述: “世界上最优秀的响应式前端框架”
核心概念/原则: RWD 、手机优先、语义的

浏览器支持： Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+
预处理器: Sass
响应式: Yes
模块化: Yes

官网地址：http://foundation.zurb.com/

Github地址：https://github.com/zurb/foundation-sites

6、名称：Materialize

类别/语言：CSS

创建者：Google

人气：在Github上有15,288stars

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

核心概念/原则：响应式

预处理器：Sass

响应式：Yes

模块化：Yes

官网地址：http://materializecss.com

Github地址：https://github.com/Dogfalo/materialize

浏览器支持：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

官网地址：http://purecss.io/

Github地址：https://github.com/yahoo/pure

 

8、名称：Vue

类别/语言：CSS、JavaScript

创建者：尤雨溪

人气：在Github上有12,214 stars

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

核心概念/原则：响应式

浏览器支持：Firefox, Chrome, Safari, IE10+，Android 4.2+，iOS 7+

预处理器：None

响应式：Yes

模块化：Yes

官网地址：http://vuejs.org/

Github地址：https://github.com/vuejs/vue

9、名称：Skeleton

类别/语言：CSS、JavaScript

创建者：Dave Gamache

人气：在Github上有10,622stars

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

核心概念/原则：响应式

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

预处理器：None

响应式：Yes

模块化：Yes

官网地址：http://www.getskeleton.com

Github地址：https://github.com/dhg/Skeleton

10.名称： Amaze UI

类别/语言：HTML、CSS、JavaScript

创建者：云适配

最后更新时间：2015年12月

人气：在Github上有6425 stars

描述：国内首个开源HTML5跨屏前端框架，中文排版支持更优、本土化组件丰富。

并在2015年11月推出基于 React.js 的专属移动端 Web 组件库Amaze UI touch。

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

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

响应式: Yes

模块化: Yes

官网地址：http://amazeui.org/

Github地址：https://github.com/amazeui/amazeui

 

11、名称：UIkit

类别/语言：HTML、CSS、JavaScript

创建者: YOOtheme

人气: 在Github上有6,050+ stars

描述: “一个轻量级的和模块化的前端框架,用于快速开发和功能强大的web接口。”

核心概念/原则:RWD, 手机优先.

预处理器: Less, Sass

响应式: Yes

模块化: Yes

官网地址：http://getuikit.com/

Github地址：https://github.com/uikit/uikit

浏览器支持： Chrome, Firefox, Safari, IE9+

12、名称：Yui

类别/语言：CSS、JavaScript

创建者：Yahoo

人气：在Github上有3,200+ stars

描述：Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库，为了能建立一个高互动的网页，它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证

核心概念/原则：响应式

预处理器: None

响应式：Yes

模块化：Yes

官网地址：http://yuilibrary.com/

Github地址：https://github.com/yui/yui3

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

13.名称：kissy

类别/语言： JavaScript

创建者：淘宝前端

最后更新时间：2015年7月

人气：在Github上有2035 stars

描述：KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。

框架大小: 37 KB

核心概念/原则: 模块化，跨终端，高扩展性

模块化: Yes

官网地址：http://docs.kissyui.com/

Github地址：https://github.com/kissyteam/kissy/

14.名称：MUI

类别/语言： HTML、CSS、JavaScript

创建者：Dclould

最后更新时间：2016年1月

人气：在Github上有2012 stars

描述：MUI-最接近原生App体验的前端框架框架。

核心概念/原则: 多端发布、高性能

响应式: NO

模块化: Yes

官网地址：http://dev.dcloud.net.cn/mui/

Github地址：https://github.com/dcloudio/mui

15.名称：Arale

类别/语言： JavaScript

创建者：支付宝前端

最后更新时间：2015年7月

人气：在Github上有1252 stars

描述：Arale 是一个开放、简单、易用的前端基础类库。

框架大小:未知

核心概念/原则: 开放、简单、易用

浏览器支持：Firefox, Chrome, Safari, IE6+

响应式: Yes

模块化: Yes

官网地址：http://aralejs.org/

Github地址：https://github.com/aralejs/aralejs.org/

16.名称：JX

类别/语言：Javascript

创建者：腾讯前端

最后更新时间：2015年12月

人气：在Github上有952 stars

描述：JX 是模块化的非侵入式Web前端框架，特别适合构建和组织大规模、工业级的Web App。

框架大小: 未知

核心概念/原则: 保持最优执行效率

浏览器支持： 兼容主流浏览器

模块化: Yes

官网地址：http://alloyteam.github.io/JX/

Github地址：https://github.com/AlloyTeam/JX

 

17.名称：GMU

类别/语言：HTML、CSS、JavaScript

创建者：百度前端

最后更新时间：2015年12月

人气：在Github上有940stars

描述：GMU是基于zepto的mobile UI组件库，提供webapp、pad端简单易用的UI组件! Web App。

核心概念/原则: 简单易用、轻量级

模块化: Yes

官网地址：http://gmu.baidu.com/

Github地址：https://github.com/fex-team/GMU

 

18.名称：ZUI

类别/语言： HTML、CSS、JavaScript

创建者：蝉道

最后更新时间：2015年7月

人气：在Github上有616 stars

描述：开源HTML5前端框架

核心概念/原则:简单易用、轻量级、易于定制

浏览器支持：未知

官网地址：http://zui.sexy/

Github地址：https://github.com/easysoft/zui

19.名称：Clouda Touch.js

类别/语言：JavaScript

创建者：百度云

人气：在Github上有387 stars

描述：Touch.js是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。

核心概念/原则: 无入侵设计、媲美原生的交互、极简的API

模块化: Yes

官网地址：http://touch.code.baidu.com/

Github地址：https://github.com/Clouda-team/touch.code.baidu.com

20.名称：Arkui

类别/语言：HTML、CSS、JavaScript

创建者：豆瓣

人气：在Github上有129 stars

模块化: Yes

官网地址：http://mockee.com/arkui/

Github地址：https://github.com/mockee/arkui

来源:http://www.oschina.net/news/69788/2015-opensource-frontend-framework-top20

千山暮雪大结局

一点点期待的我爱你。结局的鬼迷心窍,更是让我觉得无望。…第一次看《千山暮雪》一度以为要写的是童雪与慕振飞、萧山的的故事,…
看千山暮雪前，匪我思存之前的小说全看了，喜欢东子，喜欢和平，喜欢康熙，喜欢雷2，喜欢纪3。但真是没有哪个小说让我非常之心动，男女主都非常爱的。看之前，看到铺天盖地的评论说匪我思存江郎才尽了，说千山不尽人意。我几乎是不抱什么希望只当消遣的开始看的千山。然后。。。然后我被莫绍谦迷住了，被童雪打动了。眼泪流了一地，心痛到无以复加。
匪我思存说莫绍谦是他最爱的男主，有人说她是为了宣传这么说的，可是不久前她在围脖还是这么说的。由此可见真。她说：莫绍谦是个复杂而多变的男人，霸道却又稚气，精明但又天真。爱情于他是件最奢侈的事情，用尽力气，却不能不爱。都道他是禽兽，可是谁看到他的心软，他的善良。
我对禽兽真是偏爱，从名字开始就爱，你明明应该是谦谦君子的，其实你的内心就这么善良的，其实你可以是君子的，可是你陷入了自己的魔，你碰见了让你成魔的人。你想爱不敢爱，你想对她好又害怕对她好的后果。矛盾像一把刀搅碎了你的心，你只有让她恨你，她是你仇人的女儿，你怎么能爱她，你怎么能爱她时她还爱着别人，你只有让她恨你
你对童雪残忍么，只因她随便一句话，你就买了鸽子蛋，却不知道她完全不在意。你狼狈的抱受伤的她去医院，你何曾那么狼狈过？只因为你在意。看见你摸狗狗的头，那么落寞，我从那时爱上了这个叫莫绍谦的男人。
你知道有陷阱还是答应了她，你什么都肯为她做的是么？
在海边，你对她那么好，是不是打算从此埋葬对她所有的好，所有的恨？可是这些美好都是有期限的。
终于结局到了，高潮到了，童雪在机场时发现了那个箱子的小暗格，发现了你藏在里面的手机。她看见了“我爱你”这三个字，蹲在机场的地上嚎啕大哭。我从来没见过这么震撼的我爱你，我从来没有为这三个字哭过那么久，当时在宿舍看的，宿舍里的人都在，看我的哭的那么歇斯底里都诧异极了，因为我之前看小说从来不哭的。我为你哭的，莫绍谦，为你那绝望的我爱你，为你那或许最后存了那么一点点，一点点期待的我爱你。
结局的鬼迷心窍，更是让我觉得无望。我记得你和你妈妈说：我想我这一辈子都不会幸福了。我心惊，难道你真的要一辈子就这么过了么。无意中看到匪大说她最爱莫绍谦，我想她不会那么残忍对你的是不是，疯了一般的找番外，终于在官网看到了。12个番外，每个都那么甜蜜。是的，你终于和童雪甜蜜了，如果你都得不到幸福谁还配得到。
PS：这本小说其实是去年看的，现在已经看了无数遍了，一直不敢写评，果然这回基本写跑偏了，本来想写写其他人的，可是陷入莫绍谦拔不出来了。很多人喜欢萧山，喜欢慕振飞。我也喜欢，可是还是没人比的上我的莫绍谦。回头看看写的真肉麻，眼睛一闭，手一抖，点鼠标发出去算了。只希望有和我一样喜欢莫绍谦的人。这么肉麻的人不是我，不是我，不是我，大家无视发帖人。
问世间情为何物，直教人生死相许，天南地北双飞客，
老翅几回寒暑，欢乐趣，别离苦，就中更有痴儿女，
君应有语，渺万里层云，千山暮雪，只影向谁去？
第一次看《千山暮雪》一度以为要写的是童雪与慕振飞、萧山的的故事，小说过半通过童雪的眼睛和耳朵，真正的男主才开始展现他的魅力，完成了从禽兽到情圣的华丽转变，不仅童雪为之动容，也让读者刻苦铭心记在心里。
就好像童雪，原本一直在等着莫绍谦厌倦她，对她失去兴趣，到时一脚将她踢开，可是无论她多么努力“讨好他”，也不见他会放手。
所以，童雪被碎瓷片扎到，身心破碎时，她只看到向来衣冠楚楚的莫绍谦穿着睡衣拖鞋站在医院的样子很滑稽，却未曾想过那是因为他为她的伤着急和心痛，连换鞋的时间都没有，更不知道其实为救自己，他也已经伤了自己，却依然亲自开车送到医院，最后也不会吭半点声。
莫绍谦看似优雅，却难掩与生俱来的霸道，这样一个看似无坚不摧的男子，曾经一个为了父亲的事业被迫中断学业，与不爱的女子结婚。结婚前夜他对母亲说“这一生我不会幸福了”，所以慢慢地童雪开始了解过去完全陌生的莫绍谦，知道了原来他也会痛苦，也会哭，有依赖药物的习惯，而他只是一个普通人。
有时自己以为的并不一定是真实的感受，就如童雪讨厌莫绍谦身上的气息，却能枕着他的胳膊，躺在他的怀里不知不觉睡上一整晚，可以由莫绍谦背着一路走回，搂着他的脖子，睡在他的背上，于是说理智的想法跟下意识的举动很多的时候相差甚远。如果说童雪一次次出卖自己到自然而然成为习惯，不经意间依赖莫绍谦的生活才是童雪真正的内心体会。
“现在轮到你想掐死我了？我一直都想掐死你！有多痛，你终于知道有多痛了？” 有多痛只有亲身体会过才会知晓，所以终于明白原来莫绍谦比自己还要绝望，童雪体验到了，也开始认清一切，
所以童雪第一次不带任何动机地主动吻他，第一次体会他身上的气息，第一次承认他非常有安全感。十二天结束了，她开始失落，开始舍不得他，开始明白心里有了他。慕咏飞的威胁，让她第一次为他流泪，第一次担心他的安危，第一次肯为他牺牲自己。
或许对莫绍谦而言，可以骑着自行车，带着童雪，吹着口哨，是最难得的放松和愉悦，也是最奢侈的生活，因为仅此一次。童雪跟莫绍谦最后一次见面，是她告诉他“我骗了你，利用了你，我爱萧山，我一直恨你。”不敢想象莫绍谦将童雪推出门外后，是怎样一个情形，是能明白她的苦心，还是会绝望到彻底的绝望。然而最后的最后，他还是用他曾经最珍视的一切，换得她的平安。
莫绍谦的人格魅力，从他身边的司机、管家身上看得清楚明白，谁敢说一份高薪职业就能买得到人的忠心呢？
面对爱情，莫绍谦会给童雪挑衣服挑鞋配首饰，为童雪吹湿发，他会骑自行车，会吹口哨，会砍价，会做饭，会用手机拍照，也会发短信。莫绍谦说过“你没见过的事多着呢！”，想必除了这些他做过太多太多童雪不知道，读者不知道的事情。
童雪问过他，“你有没有爱过一个人？” “爱到无路可退，爱到无力自拔……即使无法拥有她，也希望透过别的方式来自欺欺人……” 他没有回答，也无从回答，他不可能亲口告诉童雪自己就是这样的爱着她。
慕振飞说过：“我如果真的爱一个人，我就会让她幸福快乐，宁可我自己伤心得死去活来，宁可我一辈子记着她，想起她来就牙痒痒，见到她了又心里发酸，不知不觉就爱她一辈子” 慕振飞一定会是这样的人，但我们还未见到，或许今后会有他的故事，而莫绍谦已经做到了，他放手让童雪寻找幸福，而自己却伤到会为了可爱的死而生病伤神，除了爱，还记着恨，就这样一辈子，不会让她知道。
不过还好，童雪发现了莫绍谦手机通讯录里只有妈妈和自己，手机照片里都是自己，还有那从来都不可能的“我爱你”。
对于童雪，萧山更多的时候是自己承受不住时，最绝望时的精神寄托，她固执地相信或只是自欺欺人的认为，萧山即便是分手了也一定不会看着她被人欺负，而事实上萧山是否如她想象，只有萧山自己才会知道，一切都是童雪在黑暗生活中给自己的一点安慰和希望而已。
其实萧山有大把的机会跟童雪修成正果，最后他说：“我会永远等你”，只是他等不到了，因为太晚了，能让童雪嚎啕大哭的已经是那个曾经所有人以为的禽兽。
因为他已经变了，不，应该说他从未变过，只是我们重新认识了他，了解了他，莫绍谦。
所以在童雪知晓莫绍谦的真心之后，禽兽和童雪的甜蜜生活是定是必然的结果.。

QQ截图20111104075425

QQ截图20111104075442

QQ截图20111104075507

如果你……看后就沉默了(值得一看)

1、人生有三样东西是无法隐瞒的：
咳嗽、贫穷和爱；你想隐瞒，却欲盖祢彰。
2、人生有三样东西是不该挥霍的；
身体、金钱和爱；你想挥霍，却得不偿失。
3、人生有三样东西是无法挽留的：
生命、时间和爱；你想挽留，却渐行渐远。
4、人生有三样东西是不该回忆的：
灾难、死亡和爱；你想回忆，却苦不堪言。
5、人生最悲哀的：并不是昨天失去的太多，
而是沉浸于昨天的悲哀之中。
6、人生最愚蠢的；并不是没有发现眼前的陷阱，
而是第二次又摔了进去。
7、人生最寂寞的；并不是想等的人还没有来，
而是这个人已从心里走了出去。
8、人生最卑鄙的；并不是点燃了一根导火索，
而是看到爆炸后的效果。
9、人生最肮赃的：并不是出卖了自己的肉体，
而是出卖了自己的灵魂。
10、人生最痛苦的；并不是没有得到所爱的人，
而是所爱的人一生没有得到幸福。
11、人生最幸福的；并不是终于得到了一束花，
而是永远被花包围着。
12、人生最快乐的；并不是别人给你带来快乐，
而是你给别人带来快乐。
13、人生最富有的：并不是拥有一座金山，
而是拥有一座金山买不到的东西。
14、人生最高尚的：并不是别人还记得你的好，
而是自己忘记了给别人的好处。
15、特别警惕三种人：
（1）官不大，特能办事的人。
（2）挣钱不多，特能花钱的人。
（3）不太熟，特能套词的人。
16、做好人，靠的是一颗善良的心。
做老好人，靠的是一张善变的脸。
17、不要说自己有多好，别人一般不会相信。
不要说自己有多坏，别人一般都会相信。
18、得意时，朋友认识了你。
落难时，你认识了朋友。
19、是非窝里；人用口、我用耳。
热闹场中；人向前、我退后。
此文章不收藏着实在可惜

爱在民工子女教育教师

很喜欢这些句子，因为句句说到心坎上

喜欢一个人是一种感觉，不喜欢一个人却是事实。事实容易解释，感觉却难以言喻。“爱”和“喜欢”的区别很简单，如果你爱花你会给它浇水，喜欢则会摘下它！

1. 朋友就像人民币 ，有真有假 。

2. 难过时吃一粒糖，告诉自己生活是甜的！

3. 人生就像骑单车，想保持平衡就得往前走。

4. 你出生的时候，你哭着，周围的人笑着；在生命的尽头，你笑着，而周围的人在哭着。所谓人生，不过如此，何不快快乐乐走一朝。微笑面对，勇敢体会。

6. 当朋友忽略你时，不要伤心，每个人都有自己的生活，谁都不可能一直陪你。

7. 喜欢一个人是一种感觉，不喜欢一个人却是事实。事实容易解释，感觉却难以言喻。“爱”和“喜欢”的区别很简单，如果你爱花你会给它浇水，喜欢则会摘下它！

8. 单身意味着你足够坚强，有足够耐心去等待那个值得拥有你的人。

9. 人生朋友分三种：一辈子的，一杯子的，一被子的。得意时，朋友们认识了你；落难时，你重新认识了朋友。

10. 心烦时，记住三句话：1、算了吧。2、没关系。3、会过去的。

11. 一个哦字， 打破了所有想说的话题。

12. 一句简单的“呵呵”涵盖了多少真情。

13. 有多少人，发表QQ签名或QQ说说只是为了让某人看见。

14. 当 我 对 你 越 来 越 礼 貌 时 , 我 们 或 许 就 越 来 越 陌 生 了…

15. 原来只要分开了的人，无论原来多么熟悉，也会慢慢变得疏远。

16. 不要轻易把伤口揭开给别人看、因为别人看得是热闹、而痛得却是自己。

17. 如果你没有经历过别人所经历的事情，就不要去评判一个人的过去！

18. 再轰轰烈烈的情侣，也比不上平平淡淡的父母。

19. 在父母有限的时间里，可不可以不要与他们有限的交流。

20. 谁还记得那个广告：一个小男孩颤颤巍巍得端着一盆水、走进房间：“妈妈、洗脚！”