前端资源整理

Posted jason_zhangz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端资源整理相关的知识,希望对你有一定的参考价值。

下面的项目都列出了github的星数和npmjs上最近一个月的下载数
例如 github 106.5k/stars npmjs 93.3k/lm 指有10万6千个github星,上个月在npmjs有9万3千次下载。每个项目都给出了官网地址,github地址,npmjs地址。

注:在一个自分类里按stars数量排序,一般老框架的stars很高,但是npmjs下载量很低,新框架stars不太高,npmjs下载量很高,请特别留意lodash的下载量和bootstrap的stars数~~

 

UI框架
Bootstrap 3.3.7
老牌UI框架库,4.X遥遥无期,不过还是可以期待
官网 github 106.5k/stars npmjs 93.3k/lm
Semantic UI 2.2.7
语义化UI框架,比较奇怪的是使用16列系统而不是常见的12列,已经比较成熟
官网 github 31.2k/stars npmjs 17.3k/lm
Foundation 6.3.0
更老牌的UI框架库
官网 github 24.9k/stars npmjs 55.2k/lm
Materialize 0.98.0
符合谷歌Material标准的UI框架,依赖jQuery,所以代码风格比较传统
官网 github 24.4k/stars npmjs 3.9k/lm
Material-UI 0.16.7
基于谷歌Material标准,基于React的UI框架库,其实坑很大,开发代码的模式和其他人画风不一样,可以参考作者自己的网站代码风格
官网 github 23k/stars npmjs 215.7k/lm

应用框架
React 15.4.2
脸书出品,值得信赖
官网 github 59.3k/stars npmjs 3090.2k/lm
BackBoneJS 1.3.3
老牌的应用框架,然而Coursera原来用这个框架后来改React了
官网 github 26k/stars npmjs 612.2k/lm
Angular 1.6.2
这里指Angular 2.x,谷歌出品,请随时留意3.X版本更新信息
官网 github 20.4k/stars npmjs 744.6k/lm

CSS预处理器
Less 2.7.2
官网 github 14.4k/stars npmjs 2212.2k/lm
Sass 4.5.0
本质上是提供sass和scss两种语法的,前者更接近py/ruby那样的感觉,后者更接近原生css
这里指node-sass
官网 github 3.4k/stars npmjs 3511.6k/lm

自动化工具
Gulp 3.9.1
自动化前端工作,你确定你不考虑尝试下Webpack吗?
官网 github 25.1k/stars npmjs 2869k/lm
Webpack 2.2.1
自动解析模块依赖,方便的模块打包工具,升级到2.X没多久,文档依然那么烂
官网 github 24k/stars npmjs 4316.2k/lm
Yeoman 1.1.0
用来生成项目的项目,帮助用户更快部署自定义项目。 本质上生成的项目和github上的各种starter项目一样,就是提供一些交互式问题能让你生成这样的starter项目方便用户继续开发与部署。
官网 github 8.4k/stars npmjs 356.8k/lm

图标
Font Awesome 4.7.0
官网 github 48.2k/stars npmjs 646.4k/lm
Material Icon 3.0.1
官网 github 27.9k/stars npmjs 43.3k/lm
Fontello
官网 github 4.9k/stars
Evil Icons 1.9.0
官网 github 4.2k/stars npmjs 3.2k/lm

常用网址
MDN
Mozilla开发者网络
网址
w3schools.com
网址
Can I use
很方便的工具,用来查询你想使用的特性的平台支持程度
网址
Material Color
里面有很多Material风格的颜色与配色
网址

其他
D3.js 4.5.0
功能非常丰富的数据可视化库
官网 github 60.1k/stars npmjs 649.8k/lm
Moment.js 2.17.1
一个非常方便的日期/时间处理库
官网 github 29.8k/stars npmjs 7300.8k/lm
Lodash 4.17.4
一个非常方便的函数式辅助库,提供大量javascript原生没有的功能,看我的下载量!看我的下载量!
官网 github 21.4k/stars npmjs 39995.9k/lm
Underscore.js 1.8.3
与Lodash类似的功能库,传说会和Lodash合并
官网 github 20k/stars npmjs 11226.5k/lm
Babel 6.22.1
代码转换器,让你能用ES 2015去写JavaScript代码,然后自动将其转换为浏览器能支持的兼容代码
官网 github 19.7k/stars npmjs 6116.3k/lm
ESLint 3.15.0
代码风格检查工具
官网 github 6.8k/stars npmjs 5192k/lm
Flexbox Grid 6.3.1
一个很方便的格子排版库,语法与Bootstrap类似,但是是使用CSS3的Flex特性实现的
官网 github 5.2k/stars npmjs 51.7k/lm

 

以上是关于前端资源整理的主要内容,如果未能解决你的问题,请参考以下文章

前端开发资源(转)

前端 — URLURIURN概念和区别整理,以及URL语法规则

知识资源整理

前端学习路线

前端面试题整理

[设计资源大全]Timber:一款前端框架工具