整理收集了 GitHub 上优秀的前端项目,包括:工具,优质资源,测试工具,框架,动画,编译工具,数据可视化等等,分享给大家学习。
codepen
一个在线编辑前端项目的网站,其中有一些前端大神的作品,也有很多令人惊艳的前端效果,可以浏览和下载使用。
docschina
印记中文网收集了由社区翻译的比较流行的前端相关框架、工具的中文版文档。为学习一些新的框架扫平了语言障碍。
toby
超级赞的收集与协作管理书签的chrome插件,前端开发应该都会用chrome。全球超过10W+的用户。
microjs
可以让你选择微型的js类库的网站,该网站里的库都是压缩后不大于5KB的,非常实用,该网站的资源都托管到了github。
plainjs
该仓库都是用原生js写的插件和组件,非常实用,该网站的资源都托管到了github。
综合/资源
frontend-dev-bookmarks
一个巨大的前端开发资源清单
star: 24705
Awsome-Front-End-learning-resource
github最全的前端资源汇总仓库
star: 4158
mobile-web-favorites
移动端H5开发经验、资源、以及踩坑汇总
star: 1307
Front-end-tutorial
最全的资源教程-前端涉及的所有知识体系
star: 3667
awesome-javascript
一系列很棒的javascript库、插件、资源
star: 15222
front-end-collect
作者分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者
https://github.com/hjzheng/front-end-collect
star: 3877
javascript
airbnb出品写js最佳的姿势,已成众多公司js代码风格的标准
star: 75330
Mars
腾讯移动web前端知识库
star: 7278
awesome-wechat-weapp
小程序开发资源汇总,应有尽有
star: 17357
gold-miner
掘金翻译计划,可能是世界最大最好的英译中技术社区,最懂读者和译者的翻译平台
star: 15949
viewBlog
前端大牛的博文,优质文章
star: 7146
Best-App
收集&推荐优秀的 Apps/硬件/技巧/周边等(与前端无关)
star: 11578
构建工具/预编译
● parcel
一个零配置的新一代前端构建工具,识别各种常用类型文件,最优加载模块,代码拆包等,非常值得尝试的一款打包工具 recommand
star: 26158
● webpack
一个模块打包工具,你可以使用webpack管理你的模块依赖,并编绎输出模块们所需的静态文件 recommand
star: 43589
● gulp
基于node.js流构建系统,只有原生几个api,和庞大的插件生态,使用非常简单
star: 30196
● yo
基于node的一个强健的项目脚手架工具,可以非常方便的构建一个初始项目,有各种类型的项目的脚手架
star: 2598 view
● TypeScript
有类型的js预编译语言,非常强大的预编译与代码报错提示,赋予了JS构建大型项目的可能 recommand
star: 38380 view
● babel
是一款为了写下一代js的编译器,无需等待浏览器支持就可以使用各种ES6,ES7新的语法 recommand
star: 29302
● stylus
富有表现力的,健壮的css预编译语言, 除了代码简洁,可读性强外,函数功能非常强大,可与js混合使用,实现动态css编程 recommand
star: 9404
● less.js
轻量级的,动态CSS预编语言,具有CSS所有特性,并提供了动态编程方式编写CSS代码。也是各大UI框架所选用的样式语言,比如bootstrap,ant design等
star: 15698
● node-sass
动态CSS预编语言, 并有拥有强大sass compass的生态圈,可以直接引入并使用,sass是由ruby编写的,node-sass是node重构版本,方便npm直接使用
star: 5445
● postcss
用js插件来对css样式文件,进行转换、预编译等操作,并且实现了模块化,支持非常多插架 recommand
star: 19215
测试/工具
● mocha
一个简单、灵活有趣的 javascript 测试框架,用于 nodejs 和浏览器上的 js 应用测试
star: 16125
● casperjs
一个基于 phantomjs 的开源导航脚本和测试工具
star: 7242
● karma
自动化完成单元测试,允许你在多个浏览器里执行js代