姓名代码,招工,如果爱忘了歌曲链接
这份汇总整理，很程度上参考了GitHub最全前端资源汇总；云集前端教程、开发资源、免费书籍、手册规范、求职面试等等，旨在为前端学习 & 技能提升提供方便。当然，并不期望这成为一个前端武学收藏夹；毕竟，只有自己掌握，才是真正拥有；况且前端发展如火如荼，日新月异。这里会尽量保持探索 & 学习 & 更新。欢迎大家推荐，反馈，谢谢！
云风（游戏界大牛）:
王垠（不少文章喷到蛮有道理）：
冰河-伞哥(Lisp大牛)：
陈皓-左耳朵耗子：
Jeff Atwood（国外知名博主）: https://blog.codinghorror.com/
阮一峰（黑客与画家译者，Web）：
廖雪峰（他的Python、Git教程不少人都看过）：
道哥的黑板报（安全）：https://zhuanlan.zhihu.com/taosay 国内GitHub上关注度较高的开发者 GitHub篇
gitbook：https://www.gitbook.io/写书的好东西，当然用来写文档也很不错的
Travis-ci：开源项目持续集成必备，和GitHub相结合，https://travis-ci.org/
| 入门类 | 地址 |
|---|---|
| 前端入门教程 | |
| 瘳雪峰的Javascript教程 | |
| 前端工程师必备的PS技能——切图篇 | |
| 结合个人经历总结的前端入门方法 | https://github.com/qiu-deqing/FE-learning |
| 工具类 | 地址 |
|---|---|
| 前端人的俱乐部 | 真可以解放你的收藏夹 |
| 如何优雅地使用Sublime Text | |
| 新编码神器Atom使用纪要 | |
| css sprite 雪碧图制作 | |
| 版本控制入门 – 搬进 Github | |
| Grunt-beginner前端自动化工具 | |
| IntelliJ IDEA 简体中文专题教程 | https://github.com/judasn/IntelliJ-IDEA-Tutorial |
| SublimeText | https://github.com/jikeytang/sublime-text |
| Atom | https://atom.io |
| visual studio code | https://code.visualstudio.com |
| 综合效果搜索平台 | 地址 |
|---|---|
| JavaScript 资源大全中文版 | https://github.com/jobbole/awesome-javascript-cn |
| 100+ 超全的web开发工具和资源 | https://xituqu.com/170.html |
| 设计师网址导航 | |
| Web前端导航(Alloyteam) | |
| 快搜 | |
| 阿里iconfont | |
| zoommyapp.com | 高质量图库 |
| unsplash.com | https://unsplash.com/ 高质量图库 |
| www.pinterest.com | https://www.pinterest.com/ 图库 |
| New Old Stock | 复古风图库 |
| 500px.com | https://500px.com/ 唯美照片 |
| 效果网 | |
| 花瓣网 | |
| 优美图 | |
| codepen | |
| 摄图网 | |
| 常用的JavaScript代码片段 |
| 团队Blog-Name | 地址 |
|---|---|
| 腾讯ISUX | |
| 奇舞周刊 | |
| 淘宝前端团队（FED） | |
| 码农周刊 | |
| 凹凸实验室 | https://aotu.io/ |
| WEB前端开发 | |
| A JS tip per day! | |
| 腾讯全端 AlloyTeam | |
| 阿里巴巴-U一点 | |
| 百度WEB前端研发部 | |
| 携程设计委员会 | |
| 平安科技移动开发二队技术周报 | https://github.com/PaicHyperionDev/MobileDevWeekly |
| 开发中心 | 地址 |
|---|---|
| mozilla js参考 | https://developer.mozilla.org/zh-CN/docs/Web/JavaScript |
| chrome开发中心（chrome的内核已转向blink） | https://developer.chrome.com/extensions/api_ |
| safari开发中心 | https://developer.apple.com/library/safari/navigation |
| microsoft js参考 | https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94.aspx |
| js秘密花园 | |
| js秘密花园 | |
| w3help | 综合Bug集合网站 |
| Nodejs | 地址 |
|---|---|
| Node.js 包教不包会 | https://github.com/alsotang/node-lessons |
| 一个nodejs博客 | |
| 【NodeJS 学习笔记04】新闻发布系统 | |
| 过年7天乐，学nodejs 也快乐 | |
| 七天学会NodeJS | https://github.com/nqdeng/7-days-nodejs |
| Nodejs学习笔记（二）— 事件模块 | |
| nodejs入门 | |
| angularjs nodejs | https://github.com/zensh/jsgen |
| 从零开始nodejs系列文章 | |
| 理解nodejs | |
| nodejs事件轮询 | |
| node入门 | |
| nodejs cms | |
| Node初学者入门，一本全面的NodeJS教程 | |
| NodeJS的代码调试和性能调优 |
| 综合API | 地址 |
|---|---|
| OverAPI.com | |
| javascripting | |
| 各种流行库搜索 | |
| runoob.com-包含各种API集合 | |
| 开源中国在线API文档合集 | |
| devdocs | 英文综合API网站 |
| Ecmascript | 地址 |
|---|---|
| Understanding ECMAScript 6 - Nicholas C. Zakas | https://leanpub.com/understandinges6/read |
| exploring-es6 | https://leanpub.com/exploring-es6/read |
| exploring-es6翻译 | https://github.com/es6-org/exploring-es6 |
| exploring-es6翻译后预览 | |
| 阮一峰 es6 | |
| 阮一峰 Javascript | |
| ECMA-262，第 5 版 | |
| es5 |
| Vue.js | 地址 |
|---|---|
| Vue2.0 | https://vuefe.cn/ |
| Vue | |
| Vue Router | https://router.vuejs.org/ |
| Vuex | https://vuex.vuejs.org/ |
| Vue-Cli | https://github.com/vuejs/vue-cli |
| Vue 论坛 | |
| Vue 聊天室 | https://gitter.im/vuejs/vue |
| Vue 入门指南 | |
| Vue 的一些资源索引 | |
| awesome-vue | https://github.com/vuejs/awesome-vue |
| vue-syntax-highlight | https://github.com/vuejs/vue-syntax-highlight |
| 如何写一手漂亮的 Vue | https://jeffjade.com/2017/03/11/120-how-to-write-vue-better/?me |
| Angularjs | 地址 |
|---|---|
| Angular.js 的一些学习资源 | https://github.com/dolymood/AngularLearning |
| angularjs中文社区 | |
| Angularjs源码学习 | |
| Angularjs源码学习 | |
| angular对bootstrap的封装 | |
| angularjs + nodejs | https://cnodejs.org/topic/51404e0f069911196d2e3923 |
| 吕大豹 Angularjs | |
| AngularJS 最佳实践 | |
| Angular的一些扩展指令 | |
| Angular数据绑定原理 | https://github.com/Pasvaz/bindonce |
| 一些扩展Angular UI组件 | https://github.com/angular-ui |
| Ember和AngularJS的性能测试 | |
| 带你走近AngularJS - 基本功能介绍 | |
| Angularjs开发指南 | |
| Angularjs学习 | |
| 不要带着jQuery的思维去学习AngularJS | |
| angularjs 学习笔记 | |
| angularjs 开发指南 | |
| angularjs 英文资料 | https://github.com/jmcunningham/AngularJS-Learning |
| angular bootstrap | |
| angular jq mobile | https://github.com/opitzconsulting/jquery-mobile-angular-adapter |
| angular ui | |
| 整合jQuery Mobile+AngularJS经验谈 | |
| 有jQuery背景，该如何用AngularJS编程思想 | |
| AngularJS在线教程 | |
| angular学习笔记 |
| React | 地址 |
|---|---|
| react.js 中文论坛 | |
| react.js 官方网址 | https://facebook.github.io/react/ |
| react.js 官方文档 | https://facebook.github.io/react/docs/getting-started.html |
| react.js material UI | |
| react.js TouchstoneJS UI | |
| react.js amazeui UI | |
| React 入门实例教程 - 阮一峰 | |
| React Native 中文版 | |
| Webpack 和 React 小书 - 前端乱炖 | |
| Webpack 和 React 小书 - gitbook | https://fakefish.github.io/react-webpack-cookbook |
| webpack | https://github.com/webpack/webpack |
| Webpack，101入门体验 | |
| webpack入门教程 | |
| 基于webpack搭建前端工程解决方案探索 |
| Webpack | 地址 |
|---|---|
| Webpack 官网 | https://webpack.js.org/ |
| Webpack 中文网 | https://doc.webpack-china.org/ |
| webpack-demos（阮一峰） | https://github.com/ruanyf/webpack-demos |
| Webpack Tutorial | https://www.ag-grid.com/ag-grid-understanding-webpack/ |
| webpack 入门指南 | |
| Webpack 打包优化之体积篇 | https://jeffjade.com/2017/08/06/124-webpack-packge-optimization-for-volume/ |
| Webpack 打包优化之速度篇 | https://jeffjade.com/2017/08/12/125-webpack-package-optimization-for-speed/ |
| Gulp | 地址 |
|---|---|
| Gulp官网 | |
| Gulp中文网 | |
| gulp资料收集 | https://github.com/Platform-CUF/use-gulp |
| Gulp：任务自动管理工具 - ruanyifeng | |
| Gulp插件 | |
| Gulp探究折腾之路(I) | |
| Gulp折腾之路(II) | |
| Gulp不完全入门教程 | |
| 为什么使用gulp? | https://github.com/hjzheng/CUF_meeting_knowledge_share/issues/33 |
| Gulp安装及配合组件构建前端开发一体化 | |
| Gulp 入门指南 | https://github.com/nimojs/gulp-book |
| Gulp 入门指南 - nimojs | https://github.com/nimojs/blog/issues/19 |
| Gulp in Action | |
| Gulp开发教程（翻译） | |
| 前端构建工具gulpjs的使用介绍及技巧 |
| Js template | 地址 |
|---|---|
| template-chooser | |
| artTemplate | https://github.com/aui/artTemplate |
| tomdjs | https://github.com/aui/tmodjs/blob/master/README.md |
| Fxtpl v1.0 繁星前端模板引擎 | |
| laytpl | |
| mozilla - nunjucks | https://github.com/mozilla/nunjucks |
| Juicer | https://github.com/PaulGuo/Juicer |
| dustjs | |
| etpl |
| HTML(HTML5) | 地址 |
|---|---|
| 深入理解HTML5标签 | https://segmentfault.com/a/1190000002695791 |
| 如何写出高效率的HTML | https://segmentfault.com/a/1190000002680822 |
| HTML meta标签总结与属性使用介绍 | https://segmentfault.com/a/1190000004279791 |
| 戏说HTML5 |
| CSS | 地址 |
|---|---|
| CSS 语法参考 | |
| 如何编写可维护的CSS | https://github.com/chadluo/CSS-Guidelines/blob/master/README.md |
| CSS3动画手册 | |
| 腾讯css3动画制作工具 | |
| 志爷css小工具集合 | |
| css3 js 移动大杂烩 | |
| bouncejs 触摸库 | |
| animate.css | |
| 全局CSS的终结(狗带 [译] | |
| browserhacks |
| 移动端API | 地址 |
|---|---|
| 99移动端知识集合 | https://github.com/jtyjty99999/mobileTech |
| 移动端前端开发知识库 | https://github.com/AlloyTeam/Mars |
| 移动前端的一些坑和解决方法（外观表现） | |
| 【原】移动web资源整理 | |
| zepto 1.0 中文手册 | |
| zepto 1.1.2 | |
| zepto 中文注释 | |
| jqmobile 手册 | |
| 移动浏览器开发集合 | https://github.com/maxzhang/maxzhang.github.com/issues |
| 移动开发大杂烩 | https://github.com/hoosin/mobile-web-favorites |
| jQuery | 地址 |
|---|---|
| YOU MIGHT NOT NEED JQUERY | |
| jQuery API 中文文档 | |
| hemin 在线版 | |
| css88 jq api | |
| css88 jqui api | |
| 学习jquery | |
| jquery 源码查找 | |
| Web前端资源汇总(jQuery,Js,Css3等) |
| D3 | 地址 |
|---|---|
| d3 Tutorials | https://github.com/mbostock/d3/wiki/Tutorials |
| Gallery | https://github.com/mbostock/d3/wiki/Gallery |
| lofter | |
| iteye | |
| ruanyifeng |
| Requriejs | 地址 |
|---|---|
| Javascript模块化编程（一）：模块的写法 | |
| Javascript模块化编程（二）：AMD规范 | |
| Javascript模块化编程（三）：require.js的用法 | |
| RequireJS入门（一） | |
| RequireJS入门（二） | |
| RequireJS进阶（三） | |
| requrie源码学习 | |
| requrie 入门指南 | |
| requrieJS 学习笔记 | |
| requriejs 其一 | |
| require backbone结合 |
| Seajs | 地址 |
|---|---|
| seajs | |
| seajs 中文手册 |
| Less,sass | 地址 |
|---|---|
| sass | |
| sass教程-sass中国 | |
| Sass 中文文档 | |
| less |
| Markdown | 地址 |
|---|---|
| Markdown 语法说明 (简体中文版 | |
| markdown入门参考 | https://github.com/LearnShare/Learning-Markdown/blob/master/README.md |
| gitbook | https://www.gitbook.com 国外的在线markdown可编辑成书 |
| mdeditor | https://www.zybuluo.com/mdeditor 一款国内的在线markdown编辑器 |
| stackedit | https://stackedit.io 国外的在线markdown编辑器，功能强大，同步云盘 |
| mditor | 一款轻量级的markdown编辑器 |
| lepture-editor | https://github.com/lepture/editor |
| markdown-editor | https://github.com/jbt/markdown-editor |
| 作业部落 | https://www.zybuluo.com 功能强大，速度流畅，全平台同步 |
| 兼容性 | 地址 |
|---|---|
| esma 兼容列表 | |
| W3C CSS验证服务 | |
| caniuse | |
| csscreator | |
| microsoft | https://msdn.microsoft.com/zh-cn/library/cc351024(v=vs.85.aspx |
| 在线测兼容-移动端 | |
| emulators | https://www.manymo.com/emulators |
| UI相关 | 地址 |
|---|---|
| Foundation | |
| Bootcss | |
| Element UI | 基于Vue |
| ANT DESIGN | 一个 UI 设计语言 |
| Smart UI | |
| MetroUICSS | |
| Semantic | |
| Layui | |
| Buttons | |
| kitecss | |
| pintuer | |
| amazeui | |
| worldhello | |
| linuxtoy | |
| gitmagic | |
| rogerdudler | |
| gitref | |
| book | |
| gogojimmy |
| 其它API | 地址 |
|---|---|
| HTTP API 设计指南 | |
| javascript流行库汇总 | javascriptoo |
| 验证api | |
| underscore 中文手册 | |
| underscore源码分析 | |
| underscore源码分析-亚里士朱德的博客 | |
| underscrejs en api | |
| lodash - underscore的代替品 | https://lodash.com |
| ext4api | |
| qwrap手册 | |
| 缓动函数 | |
| svg 中文参考 | |
| svg mdn参考 | https://developer.mozilla.org/en-US/docs/Web/SVG |
| svg 导出 canvas | https://github.com/gabelerner/canvg |
| svg 导出 png | https://github.com/exupero/saveSvgAsPng |
| ai-to-svg | |
| localStorage 库 | https://github.com/machao/localStorage |
| 图表类 | 地址 |
|---|---|
| Highcharts 中文API | |
| Highcharts 英文API | |
| ECharts 百度的图表软件 | |
| 高德地图 | |
| 开源的矢量图脚本框架 | |
| svg 地图 |
| 正则 | 地址 |
|---|---|
| JS正则表达式元字符 | |
| 正则表达式30分钟入门教程 | |
| MDN-正则表达式 | https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions |
| ruanyifeng - RegExp对象 | |
| 小胡子哥 - 进阶正则表达式 | |
| is.js | https://github.com/Cedriking/is.js/blob/master/is.js |
| 正则在线测试 |
| 前端规范 | 地址 |
|---|---|
| 通过分析github代码库总结出来的工程师代码书写习惯 | |
| HTML&CSS编码规范 by @mdo | |
| 团队合作的css命名规范-腾讯AlloyTeam前端团队 | |
| 前端编码规范之js - by yuwenhui | |
| 前端编码规范之js - by 李靖 | |
| 前端开发规范手册 | |
| Airbnb JavaScript 编码规范（简体中文版） | https://github.com/yuche/javascript#table-of-contents |
| AMD与CMD规范的区别 | |
| AMD与CMD规范的区别 | |
| KISSY 源码规范 | |
| bt编码规范 | |
| 规范加强版 | https://github.com/Suxiaogang/Code_Guide |
| 前端代码规范 及 最佳实践 | |
| 百度前端规范 | |
| 百度前端规范 | |
| 百度前端规范 |
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复 相关文章:
移动技术网 |
我要评论
网友评论