前端资源整理

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

时间: 2024-10-05 17:58:35

前端资源整理的相关文章

优秀前端资源备忘录

1.前端开发仓库 比较基础的前端资源,包含html css javascript及常用在线工具. 属于国内个人(诨名:小叉)的前端资源整理,是github上的开源项目. 一些常见效果较为实用,如jQuery展示类插件,Unicode在线编码,代码在线压缩等. 前端开发仓库 优秀前端资源备忘录,布布扣,bubuko.com

Web前端,HTML5开发,前端资源,前端网址,前端博客,前端框架整理 - 转

Web前端/H5开发,前端资源,前端网址,前端博客,前端框架整理 - 转 综合类 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 免费的编程中文书籍索引 前端书籍 前端免费书籍大全 前端知识体系 免费的编程中文书籍索引 智能社 - 精通JavaScript开发 重新介绍 JavaScript(JS 教程) 麻省理工学院公开课:计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS

前端资源教程合集

综合类 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 En类资源汇总 免费的编程中文书籍索引 前端书籍 前端免费书籍大全 前端知识体系 免费的编程中文书籍索引 智能社 - 精通JavaScript开发 重新介绍 JavaScript(JS 教程) 麻省理工学院公开课:计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS函数式编程指南 JavaScript Promise迷你书

移动web资源整理

2013年初接触移动端,简单做下总结,首先了解下移动web带来的问题 设备更新换代快--低端机遗留下问题.高端机带来新挑战 浏览器厂商不统一--兼容问题多 网络更复杂--弱网络,页面打开慢 低端机性能差--页面操作卡顿 HTML5新技术多--学习成本不低 未知问题--坑多 面对这些问题,一开始我们只能在未知中试错,知道错误的方案才能更容易寻找正确的解决问题思路,2年多来,可看到移动web在业界不断趋向于成熟,各种框架和解决方案不断的涌现让移动端开发不再是个噩梦. 这几天把想到的一点经验先罗列出来

个人Web工具箱&资源整理(1)

很久就想把使用的工具及收藏的资源整理一番:一是为了传达博客社区的理念:资源共享,而是方便自己及团队快速获取. 学习资源: 首推两个入门级在线参考网站. 1 w3c school. 2 Runoob.com(菜鸟教程). HTML5:标记语言,是HTML和XHTML的最新版本. HTML5 Outliner HTML5在线生成. 模板: jade:Jade 是一个高性能的模板引擎,它深受 Haml 影响,它是用 JavaScript 实现的,并且可以供 Node 使用. jade API:运行在N

【原】移动web资源整理

[原]移动web资源整理 回顾2014年,刚转来到新的部门,非常渴望做出一个所谓的成功产品,心态几乎变了,每天都忙忙碌碌在项目中,把原来阅读和学习的习惯给忽视了,作为一个技术人员,没有通过学习新的知识来充实自己,跟进时代的步伐,是比较致命的:另外一点是运动也缺少了,感觉身体不如从前,例如工作太累,晚上容易失眠,让自己感到惶恐,想想就不开心.于是简单给自己定个2015上半年的计划: 贷款买个房子 每周羽毛球.跑步.骑单车 阅读<自控力>.<大数据时代>.<逻辑思维> 学习

前端资源多个产品整站一键打包&amp;包版本管理(一)

来新公司工作的第五个月.整站资源打包管理也提上了日程. 问题: 首先.什么是整站的打包管理呢? 我们公司的几个重要产品都在同一个webapp里面,但是,不同的开发部门独立开发不同的产品,长期以来,我们就不知道其他部门的在做什么,或许我们正在头疼的问题,隔壁部门已经早早解决了呢? 各个部门的前端资源也是到处都是.难以管理.于是就提出了整站资源共享.整站资源共享的前提就是资源打包能统一.在几个产品里面.既有使用grunt的也有使用glup的,各个产品引入的包的版本也不一样. 目标: 统一打包工具 对

史上最全“大数据”学习资源整理

史上最全"大数据"学习资源整理 当前,整个互联网正在从IT时代向DT时代演进,大数据技术也正在助力企业和公众敲开DT世界大门.当今"大数据"一词的重点其实已经不仅在于数据规模的定义,它更代表着信息技术发展进入了一个新的时代,代表着爆炸性的数据信息给传统的计算技术和信息技术带来的技术挑战和困难,代表着大数据处理所需的新的技术和方法,也代表着大数据分析和应用所带来的新发明.新服务和新的发展机遇. 为了帮助大家更好深入了解大数据,云栖社区组织翻译了GitHub Aweso

React入门资源整理

另外,附上我搜集的一些比较实用的学习资料,建议先看这些撸起来,再看什么乱七八糟的awsome系列. React入门资源整理 孔明前端团队React项目新手指南:http://www.07net01.com/2015/09/920779.html