前端资源整理

Posted 2020-09-14 jason_zhangz

下面的项目都列出了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