转载 最全前端资源汇总

一、概要

这份汇总整理，很程度上参考了GitHub最全前端资源汇总；云集前端教程、开发资源、免费书籍、手册规范、求职面试等等，旨在为前端学习 & 技能提升提供方便。当然，并不期望这成为一个前端武学收藏夹；毕竟，只有自己掌握，才是真正拥有；况且前端发展如火如荼，日新月异。这里会尽量保持探索 & 学习 & 更新。欢迎大家推荐，反馈，谢谢！

二、优秀的网站

阿里 ahook官网 快速上手

蚂蚁最新的移动端 “：https://next.mobile.ant.design/components/buttonhttps://next.mobile.ant.design/components/button

•  Koko 打包工具 [http://fedoc.qima-inc.com/koko​​​​​​​]
• JS前端开发群月报
• 前端开源资源库
• 国内老牌技术社区：OSChina、博客园、CSDN、51CTO
• 免费的it电子书：IT eBooks - Free Download - New Releases
• 在线学习：Online Courses - Learn Anything, On Your Schedule | Udemy
• 代码练习：Exercism
• 代码练习：https://www.codingame.com

• 云风（游戏界大牛）: http://blog.codingnow.com/
  王垠（不少文章喷到蛮有道理）：当然我在扯淡
  冰河-伞哥(Lisp大牛)：http://tianchunbinghe.blog.163.com/
  陈皓-左耳朵耗子：http://coolshell.cn/ 
  Jeff Atwood（国外知名博主）: Coding Horror
  阮一峰（黑客与画家译者，Web）：阮一峰的个人网站 - Ruan YiFeng's Personal Website
  廖雪峰（他的Python、Git教程不少人都看过）：Home - 廖雪峰的官方网站
  道哥的黑板报（安全）：道哥的黑板报 - 知乎 国内GitHub上关注度较高的开发者 GitHub篇

• gitbook：https://www.gitbook.io/写书的好东西，当然用来写文档也很不错的
  Travis-ci：开源项目持续集成必备，和GitHub相结合，https://travis-ci.org/

三、前端技术分类综合

• 大前端综合
• Tools
• Vue
• React
• Angular
• Chrome
• Nodejs
• Css3
• Pwa
• Webpack
• Gulp
• Git
• Mongodb
• Markdown

四、各类前端资源

综合类

综合类	地址
前端知识体系	前端知识体系 - naniJser - 博客园
前端知识结构	https://github.com/JacksonTian/fks
Web前端开发大系概览	https://github.com/unruledboy/WebFrontEndStack
Web前端开发大系概览-中文版	Web前端开发大系概览 （前端开发技术栈） - 灵感之源 - 博客园
Web Front-end Stack v2.2	Web Front-end Stack v2.2
免费的编程中文书籍索引	https://github.com/justjavac/free-programming-books-zh_CN
前端书籍	https://github.com/dypsilon/frontend-dev-bookmarks
前端免费书籍大全	https://github.com/vhf/free-programming-books
前端知识体系	前端知识体系 - naniJser - 博客园
免费的编程中文书籍索引	https://github.com/justjavac/free-programming-books-zh_CN
智能社 - 精通JavaScript开发	智能社:JavaScript-从入门到精通 - 网易云课堂
重新介绍 JavaScript（JS 教程）	重新介绍 JavaScript（JS 教程） - JavaScript | MDN
麻省理工学院公开课：计算机科学及编程导论	麻省理工学院公开课：计算机科学及编程导论-网易公开课
JavaScript中的this陷阱的最全收集–没有之一	http://segmentfault.com/a/1190000002640298
JS函数式编程指南	第 1 章: 我们在做什么？ · 函数式编程指北
JavaScript Promise迷你书（中文版）	JavaScript Promise迷你书（中文版）
腾讯移动Web前端知识库	https://github.com/AlloyTeam/Mars
Front-End-Develop-Guide 前端开发指南	https://github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide
前端开发笔记本	https://li-xinyang.gitbooks.io/frontend-notebook/content
大前端工具集 - 聂微东	https://github.com/nieweidong/fetool
前端开发者手册	前端开发者手册 · Front-end Developer HandBook

入门类

入门类	地址
前端入门教程	web前端开发分享-目录 - 豪情 - 博客园
瘳雪峰的Javascript教程	JavaScript教程 - 廖雪峰的官方网站
前端工程师必备的PS技能——切图篇	前端工程师必备的PS技能—切图篇-慕课网
结合个人经历总结的前端入门方法	https://github.com/qiu-deqing/FE-learning

工具类

工具类	地址
前端人的俱乐部	前端人的俱乐部 真可以解放你的收藏夹
如何优雅地使用Sublime Text	如何优雅地使用Sublime Text | 晚晴幽草轩
新编码神器Atom使用纪要	新编码神器Atom使用纪要 | 晚晴幽草轩
css sprite 雪碧图制作	CSS Sprite(精灵图)雪碧图用法视频教程-慕课网
版本控制入门 – 搬进 Github	版本控制入门–搬进 Github-慕课网
Grunt-beginner前端自动化工具	前端自动化工具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)	Web前端导航
快搜	http://so.chongbuluo.com/
阿里iconfont	iconfont-阿里巴巴矢量图标库
zoommyapp.com	Zoommy - more than 200 000 free photos in one place 高质量图库
unsplash.com	Beautiful Free Images & Pictures | Unsplash 高质量图库
www.pinterest.com	https://www.pinterest.com/ 图库
New Old Stock	http://nos.twnsnd.co 复古风图库
500px.com	https://500px.com/ 唯美照片
效果网	http://www.jq22.com
花瓣网	花瓣网_陪你做生活的设计师（创意灵感天堂，搜索、发现设计灵感、设计素材）
优美图	http://www.topit.me/
codepen	http://codepen.io/
摄图网	摄图网-正版高清图片免费下载_商用设计素材图库
常用的JavaScript代码片段	http://microjs.com

团队Blog

团队Blog-Name	地址
腾讯ISUX	http://isux.tencent.com
奇舞周刊	http://old.75team.com/weekly/
淘宝前端团队（FED）	http://taobaofed.org
码农周刊	http://weekly.manong.io
凹凸实验室	Aotu.io「凹凸实验室」
WEB前端开发	http://www.css88.com
A JS tip per day!	http://www.jstips.co
腾讯全端 AlloyTeam	http://www.alloyteam.com/webdevelop/
阿里巴巴-U一点	http://www.aliued.cn
百度WEB前端研发部	http://fex.baidu.com
携程设计委员会	http://ued.ctrip.com/blog/
平安科技移动开发二队技术周报	https://github.com/PaicHyperionDev/MobileDevWeekly

开发中心

开发中心	地址
mozilla js参考	JavaScript | MDN
chrome开发中心（chrome的内核已转向blink）	https://developer.chrome.com/extensions/api_index.html
safari开发中心	Resources - Safari - Apple Developer
microsoft js参考	Developer tools, technical documentation and coding examples | Microsoft Docs
js秘密花园	Transmission Repair Milwaukee Wisconsin
js秘密花园	JavaScript 秘密花园
w3help	http://www.w3help.org 综合Bug集合网站

Nodejs

Nodejs	地址
Node.js 包教不包会	https://github.com/alsotang/node-lessons
一个nodejs博客	http://60sky.com
【NodeJS 学习笔记04】新闻发布系统	【NodeJS 学习笔记04】新闻发布系统 - 叶小钗 - 博客园
过年7天乐，学nodejs 也快乐	过年7天乐，学nodejs 也快乐 - 互联网Fans - 博客园
七天学会NodeJS	https://github.com/nqdeng/7-days-nodejs
Nodejs学习笔记（二）— 事件模块	Nodejs学习笔记（二）--- 事件模块 - porschev - 博客园
nodejs入门	Node.js入门 - M守护神 - 博客园
angularjs nodejs	https://github.com/zensh/jsgen
从零开始nodejs系列文章	从零开始nodejs系列文章 | 粉丝日志
理解nodejs	Understanding node.js » Debuggable - Node.js Consulting
nodejs事件轮询	Understanding the node.js event loop
node入门	Node入门 » 一本全面的Node.js教程
nodejs cms	OurJS-免费开源的博客引擎，论坛系统，网站模板和轻量级的CMS | OurJS
Node初学者入门，一本全面的NodeJS教程	Node初学者入门，一本全面的NodeJS教程 | OurJS
NodeJS的代码调试和性能调优	NodeJS的代码调试和性能调优 | 小胡子哥的个人网站

综合API

综合API	地址
OverAPI.com	OverAPI.com | Collecting all the cheat sheets
javascripting	http://www.javascripting.com
各种流行库搜索	http://microjs.com
runoob.com-包含各种API集合	http://www.runoob.com
开源中国在线API文档合集	在线API文档
devdocs	http://devdocs.io 英文综合API网站

Ecmascript

Ecmascript	地址
Understanding ECMAScript 6 - Nicholas C. Zakas	Read Understanding ECMAScript 6 | Leanpub
exploring-es6	https://leanpub.com/exploring-es6/read
exploring-es6翻译	https://github.com/es6-org/exploring-es6
exploring-es6翻译后预览	探索 ES6
阮一峰 es6	http://es6.ruanyifeng.com
阮一峰 Javascript	http://javascript.ruanyifeng.com
ECMA-262，第 5 版	ECMAScript5.1中文版 + ECMAScript3 + ECMAScript（合集）
es5	http://es5.github.io

Vue

Vue.js	地址
Vue2.0	https://vuefe.cn/
Vue	http://cn.vuejs.org
Vue Router	Vue Router
Vuex	What is Vuex? | Vuex
Vue-Cli	https://github.com/vuejs/vue-cli
Vue 论坛	http://forum.vuejs.org
Vue 聊天室	vuejs/vue - Gitter
Vue 入门指南	Vue 入门指南 - 【艾伦】 - 博客园
Vue 的一些资源索引	http://segmentfault.com/a/1190000000411057
awesome-vue	https://github.com/vuejs/awesome-vue
vue-syntax-highlight	https://github.com/vuejs/vue-syntax-highlight
如何写一手漂亮的 Vue	如何写一手漂亮的 Vue | 晚晴幽草轩

Angularjs

Angularjs	地址
Angular.js 的一些学习资源	https://github.com/dolymood/AngularLearning
angularjs中文社区	http://angularjs.cn
Angularjs源码学习	AngularJS 源码分析2 - feenan - 博客园
Angularjs源码学习	1
angular对bootstrap的封装	Angular directives for Bootstrap
angularjs + nodejs	Nodejs+express+angularjs+mongodb搭建前端项目框架NJBlog - CNode技术社区
吕大豹 Angularjs	AngularJs - 标签 - 吕大豹 - 博客园
AngularJS 最佳实践	使用AngularJS构建大型Web应用-InfoQ
Angular的一些扩展指令	AngularJS 最佳实践 – 尘埃落定
Angular数据绑定原理	https://github.com/Pasvaz/bindonce
一些扩展Angular UI组件	https://github.com/angular-ui
Ember和AngularJS的性能测试	EmberJS vs AngularJS : performance testing
带你走近AngularJS - 基本功能介绍	带你走近AngularJS - 基本功能介绍 - 葡萄城技术团队 - 博客园
Angularjs开发指南	http://angular.duapp.com/docs/guide
Angularjs学习	Angularjs学习---官方phonecat实例学习angularjs step0 step1 - Hi_Amos - 博客园
不要带着jQuery的思维去学习AngularJS	http://www.rainweb.cn/article/angularjs-jquery.html
angularjs 学习笔记	点点-互联网大数据服务商
angularjs 开发指南	http://www.angularjs.cn/T008
angularjs 英文资料	GitHub - jmcunningham/AngularJS-Learning: A bunch of links to blog posts, articles, videos, etc for learning AngularJS
angular bootstrap	Angular directives for Bootstrap
angular jq mobile	https://github.com/opitzconsulting/jquery-mobile-angular-adapter
angular ui	AngularStrap - AngularJS 1.2+ native directives for Twitter Bootstrap 3.
整合jQuery Mobile+AngularJS经验谈	登录 - 推酷
有jQuery背景，该如何用AngularJS编程思想	http://blog.jobbole.com/46589/
AngularJS在线教程	AngularJs 在线教程 入门教程 开发指南 学习笔记 基础教程 angular在线
angular学习笔记	AngularJS学习笔记 - YS.Zou

React

React	地址
react.js 中文论坛	http://www.react-china.org
react.js 官方网址	https://facebook.github.io/react/index.html
react.js 官方文档	https://facebook.github.io/react/docs/getting-started.html
react.js material UI	MUI: The React component library you always wanted
react.js TouchstoneJS UI	http://touchstonejs.io
react.js amazeui UI	http://amazeui.org/react
React 入门实例教程 - 阮一峰	React 入门实例教程 - 阮一峰的网络日志
React Native 中文版	http://wiki.jikexueyuan.com/project/react-native
Webpack 和 React 小书 - 前端乱炖	Webpack 和 React 小书 - fakefish - 前端乱炖
Webpack 和 React 小书 - gitbook	介绍 | React Webpack 小书
webpack	https://github.com/webpack/webpack
Webpack，101入门体验	Webpack，101入门体验 - webpack - 前端乱炖
webpack入门教程	webpack入门教程 - 学习笔记 - 前端乱炖
基于webpack搭建前端工程解决方案探索	http://segmentfault.com/a/1190000003499526

Webpack

Webpack	地址
Webpack 官网	webpack
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 入门指南 - vajoy - 博客园
Webpack 打包优化之体积篇	Webpack 打包优化之体积篇 | 晚晴幽草轩
Webpack 打包优化之速度篇	Webpack 打包优化之速度篇 | 晚晴幽草轩

Gulp

Gulp	地址
Gulp官网	http://gulpjs.com
Gulp中文网	http://www.gulpjs.com.cn
gulp资料收集	https://github.com/Platform-CUF/use-gulp
Gulp：任务自动管理工具 - ruanyifeng	Gulp：任务自动管理工具 -- JavaScript 标准参考教程（alpha）
Gulp插件	Plugins | gulp.js
Gulp探究折腾之路(I)	Gulp探究折腾之路(I) | 晚晴幽草轩
Gulp折腾之路(II)	Gulp折腾之路(II) | 晚晴幽草轩
Gulp不完全入门教程	ido321.com is for sale | HugeDomains
为什么使用gulp?	https://github.com/hjzheng/CUF_meeting_knowledge_share/issues/33
Gulp安装及配合组件构建前端开发一体化	http://www.dbpoo.com/getting-started-with-gulp
Gulp 入门指南	https://github.com/nimojs/gulp-book
Gulp 入门指南 - nimojs	https://github.com/nimojs/blog/issues/19
Gulp in Action	gulp-in-action（一），Grunt-beginner前端自动化工具教程-慕课网
Gulp开发教程（翻译）	Gulp开发教程（翻译） - w3ctech
前端构建工具gulpjs的使用介绍及技巧	前端构建工具gulpjs的使用介绍及技巧 - 无双 - 博客园

Js template

Js template	地址
template-chooser	So you need a template engine..
artTemplate	https://github.com/aui/artTemplate
tomdjs	https://github.com/aui/tmodjs/blob/master/README.md
Fxtpl v1.0 繁星前端模板引擎	Fxtpl
laytpl	http://laytpl.layui.com
mozilla - nunjucks	https://github.com/mozilla/nunjucks
Juicer	https://github.com/PaulGuo/Juicer
dustjs	dust
etpl	ETpl - Enterprise Template

HTML5(HTML)

HTML(HTML5)	地址
深入理解HTML5标签	https://segmentfault.com/a/1190000002695791
如何写出高效率的HTML	https://segmentfault.com/a/1190000002680822
HTML meta标签总结与属性使用介绍	https://segmentfault.com/a/1190000004279791
戏说HTML5	戏说HTML5 - 木的树 - 博客园

CSS3(CSS)

CSS	地址
CSS 语法参考	CSS Reference | Codrops
如何编写可维护的CSS	https://github.com/chadluo/CSS-Guidelines/blob/master/README.md
CSS3动画手册	404
腾讯css3动画制作工具	404
志爷css小工具集合	CSS小工具
css3 js 移动大杂烩	note12.com is for sale | HugeDomains
bouncejs 触摸库	http://bouncejs.com
animate.css	Redirecting to Animate.css
全局CSS的终结(狗带 [译]	全局 CSS 的终结 (狗带) [译] | AlloyTeam
browserhacks	http://browserhacks.com

移动端API

移动端API	地址
99移动端知识集合	https://github.com/jtyjty99999/mobileTech
移动端前端开发知识库	https://github.com/AlloyTeam/Mars
移动前端的一些坑和解决方法（外观表现）	移动前端的一些坑和解决方法（外观表现）-前端开发博客
【原】移动web资源整理	【原】移动web资源整理 - 白树 - 博客园
zepto 1.0 中文手册	http://www.html-5.cn/Manual/Zepto
zepto 1.1.2	http://www.css88.com/doc/zeptojs_api
zepto 中文注释	zepto源码注释 - zjhsd2007 - 博客园
jqmobile 手册	http://app-framework-software.intel.com/api.php
移动浏览器开发集合	https://github.com/maxzhang/maxzhang.github.com/issues
移动开发大杂烩	https://github.com/hoosin/mobile-web-favorites

jQuery

jQuery	地址
YOU MIGHT NOT NEED JQUERY	You Might Not Need jQuery
jQuery API 中文文档	http://www.jquery123.com
hemin 在线版	jquery 在线手册 | jQuery API 中文手册 | jQuery 速查表 | jQuery 参考手册 | jQuery CHM | jQuery 在线文档 | jQuery 1.12.1
css88 jq api	http://www.css88.com/jqapi-1.9/on
css88 jqui api	http://www.css88.com/jquery-ui-api
学习jquery	http://learn.jquery.com
jquery 源码查找	jQuery source viewer
Web前端资源汇总(jQuery,Js,Css3等)	Web前端资源汇总 - 计划 - 博客园

D3

D3	地址
d3 Tutorials	https://github.com/mbostock/d3/wiki/Tutorials
Gallery	https://github.com/mbostock/d3/wiki/Gallery
lofter	http://datavisual.lofter.com/post/40cf3a_188e535
iteye	http://alanland.iteye.com/blog/1878595
ruanyifeng	D3.js -- JavaScript 标准参考教程（alpha）

Requriejs

Requriejs	地址
Javascript模块化编程（一）：模块的写法	Javascript模块化编程（一）：模块的写法 - 阮一峰的网络日志
Javascript模块化编程（二）：AMD规范	Javascript模块化编程（二）：AMD规范 - 阮一峰的网络日志
Javascript模块化编程（三）：require.js的用法	Javascript模块化编程（三）：require.js的用法 - 阮一峰的网络日志
RequireJS入门（一）	RequireJS入门（一） - snandy - 博客园
RequireJS入门（二）	RequireJS入门（二） - snandy - 博客园
RequireJS进阶（三）	RequireJS进阶（三） - snandy - 博客园
requrie源码学习	【requireJS源码学习01】了解整个requireJS的结构 - 叶小钗 - 博客园
requrie 入门指南	RequireJS 入门指南 - OSCHINA - 中文开源技术交流社区
requrieJS 学习笔记	RequireJS学习笔记 - 叶小钗 - 博客园
requriejs 其一	http://cyj.me/why-seajs/requirejs/
require backbone结合	RequireJS与Backbone简单整合 - 叶小钗 - 博客园

Seajs

Seajs	地址
seajs	http://seajs.org
seajs 中文手册	http://cyj.me/why-seajs/zh

Less,sass

Less,sass	地址
sass	http://www.w3cplus.com/sassguide
sass教程-sass中国	http://www.sass.hk
Sass 中文文档	http://sass.bootcss.com
less	http://less.bootcss.com

Markdown

Markdown	地址
Markdown 语法说明 (简体中文版	Software Testing & Quality Assurance Company | XBOSoft.com
markdown入门参考	https://github.com/LearnShare/Learning-Markdown/blob/master/README.md
gitbook	https://www.gitbook.com 国外的在线markdown可编辑成书
mdeditor	Cmd Markdown 编辑阅读器 - 作业部落出品 一款国内的在线markdown编辑器
stackedit	https://stackedit.io 国外的在线markdown编辑器，功能强大，同步云盘
mditor	mditor 一款轻量级的markdown编辑器 一款轻量级的markdown编辑器
lepture-editor	https://github.com/lepture/editor
markdown-editor	https://github.com/jbt/markdown-editor
作业部落	https://www.zybuluo.com 功能强大，速度流畅，全平台同步

兼容性

兼容性	地址
esma 兼容列表	ECMAScript 6 compatibility table
W3C CSS验证服务	W3C CSS 验证服务
caniuse	Can I use... Support tables for HTML5, CSS3, etc
csscreator	CSS Properties & Selectors | CSS Creator
microsoft	Developer tools, technical documentation and coding examples | Microsoft Docs
在线测兼容-移动端	http://www.responsinator.com
emulators	https://www.manymo.com/emulators

UI相关

UI相关	地址
Foundation	http://foundation.zurb.com/?form=jeffjade.com
Bootcss	Bootstrap v3 中文文档 · Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网
Element UI	Element - The world's most popular Vue UI framework 基于Vue
ANT DESIGN	http://ant.design 一个 UI 设计语言
Smart UI	http://smartui.chinamzz.com
MetroUICSS	http://www.w3cplus.com/MetroUICSS
Semantic	http://semantic-ui.com
Layui	Layui - 经典开源模块化前端 UI 框架
Buttons	Buttons Builder
kitecss	Kite
pintuer	http://www.pintuer.com
amazeui	http://amazeui.org
worldhello	GotGitHub — GotGitHub
linuxtoy	http://igit.linuxtoy.org/contents.html
gitmagic	Git Magic - 前言
rogerdudler	git - the simple guide - no deep shit!
gitref	http://gitref.justjavac.com
book	Git - Book
gogojimmy	Git 教學(1) : Git 的基本使用 - 好麻煩部落格

其它API

其它API	地址
HTTP API 设计指南	http://segmentfault.com/bookmark/1230000002521721
javascript流行库汇总	javascriptoo
验证api	nice Validator 示例，jQuery智能表单验证
underscore 中文手册	http://www.css88.com/doc/underscore
underscore源码分析	underscore.js源码分析 - underscore.js源码分析收藏 - 前端乱炖
underscore源码分析-亚里士朱德的博客	http://yalishizhude.github.io/tags/underscore
underscrejs en api	http://underscorejs.org
lodash - underscore的代替品	https://lodash.com
ext4api	Sencha Docs - Ext JS - 脚本娃娃 (Ext4.1.0 Doc中文版 V1.0.0 Beta)
qwrap手册	http://dev.qwrap.com/resource/js/_docs/_youa/#/qw/base/loadJs_.htm
缓动函数	http://easings.net/zh-cn
svg 中文参考	SVG 参考手册
svg mdn参考	SVG: Scalable Vector Graphics | MDN
svg 导出 canvas	https://github.com/gabelerner/canvg
svg 导出 png	https://github.com/exupero/saveSvgAsPng
ai-to-svg	AI to SVG - Convert your AI to SVG for Free Online
localStorage 库	https://github.com/machao/localStorage

图表类

图表类	地址
Highcharts 中文API	http://www.hcharts.cn/api/index.php
Highcharts 英文API	Highcharts JS API Reference
ECharts 百度的图表软件	http://echarts.baidu.com/
高德地图	开发 | 高德地图API
开源的矢量图脚本框架	http://paperjs.org
svg 地图	http://jvectormap.com

正则

正则	地址
JS正则表达式元字符	http://segmentfault.com/a/1190000002471140
正则表达式30分钟入门教程	正则表达式30分钟入门教程
MDN-正则表达式	正则表达式 - JavaScript | MDN
ruanyifeng - RegExp对象	RegExp对象 -- JavaScript 标准参考教程（alpha）
小胡子哥 - 进阶正则表达式	http://div.io/topic/764?page=1
is.js	https://github.com/Cedriking/is.js/blob/master/is.js
正则在线测试	http://regexper.com

前端规范

前端规范	地址
通过分析github代码库总结出来的工程师代码书写习惯	Code Guide by @AlloyTeam
HTML&CSS编码规范 by @mdo	http://codeguide.bootcss.com
团队合作的css命名规范-腾讯AlloyTeam前端团队	关于团队合作的 css 命名规范 | AlloyTeam
前端编码规范之js - by yuwenhui	http://yuwenhui.github.io
前端编码规范之js - by 李靖	前端编码规范之JavaScript - Barret李靖 - 博客园
前端开发规范手册	http://zhibimo.com/read/Ashu/front-end-style-guide
Airbnb JavaScript 编码规范（简体中文版）	https://github.com/yuche/javascript#table-of-contents
AMD与CMD规范的区别	AMD 和 CMD 的区别有哪些？ - 知乎
AMD与CMD规范的区别	AMD规范与CMD规范的区别 - 龙恩0707 - 博客园
KISSY 源码规范	KISSY 源码规范 — KISSY v1.4 Documentation
bt编码规范	http://codeguide.bootcss.com
规范加强版	https://github.com/Suxiaogang/Code_Guide
前端代码规范 及 最佳实践	http://blog.jobbole.com/79075
百度前端规范	前端代码规范 及 最佳实践 | Isobar
百度前端规范	Redirecting...
百度前端规范	Baidu Front-end Style Guides - 知乎
ECMAScript6 编码规范–广发证券前端团队	https://github.com/gf-rd/es6-coding-style
JavaScript 风格指南/编码规范（Airbnb公司版）	http://blog.jobbole.com/79484
网易前端开发规范	规范 - NEC : 更好的CSS样式解决方案
css模块	http://www.75team.com/archives/1049
前端规范资源列表	https://github.com/ecomfe/spec

PHP

PHP	地址
最流行的PHP 代码规范	http://segmentfault.com/a/1190000000443795
最流行的PHP 代码规范	https://github.com/hfcorriez/fig-standards/blob/zh_CN/%E6%8E%A5%E5%8F%97/PSR-2-coding-style-guide.md

各大公司开源项目

各大公司开源项目	地址
Facebook Projects	https://code.facebook.com/projects/web
百度web前端研发部	http://fex.baidu.com
百度EFE	http://efe.baidu.com
百度github	Baidu FEX team · GitHub
alloyteam	http://www.alloyteam.com
alloyteam-github	http://alloyteam.github.io
alloyteam-AlloyGameEngine	https://github.com/AlloyTeam/AlloyGameEngine
AlloyDesigner	AlloyDesigner——For Fast Web Development 即时修改，即时保存，设计稿较正，其它开发辅助工具
H5交互页编辑器AEditor介绍	H5 交互页编辑器 AEditor 介绍 | AlloyTeam H5动画交互页开发的工具介绍
AEditor	http://aeditor.alloyteam.com H5动画交互页开发的工具
值得订阅的weekly	https://github.com/fenbility/weekly-feed
奇舞团开源项目	http://75team.github.io
Qunar UED	http://ued.qunar.com

常用

常用	地址
ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性	ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性 « 张鑫旭-鑫空间-鑫生活
模拟键盘	Virtual Keyboard
拼音	https://github.com/hotoo/pinyin
中国个人身份证号验证	https://github.com/mc-zone/IDValidator

算法

算法	地址
数据结构与算法 JavaScript 描述. 章节练习	https://github.com/Ralph-Wang/algorithm.in.js
常见排序算法（JS版）	https://github.com/twobin/twobinSort
经典排序	https://github.com/luofei2011/jsAgm/blob/master/js/sort.js
常见排序算法-js版本	https://github.com/hechangmin/jssort
JavaScript 算法与数据结构 精华集	https://github.com/lightningtgc/JavaScript-Algorithms
面试常考算法题精讲	直通BAT — 求职算法精品课_牛客网

移动端

移动端	地址
fastclick	https://github.com/ftlabs/fastclick
no-click-delay	https://github.com/mmastrac/jquery-noclickdelay
【敏捷开发】Android团队开发规范	【敏捷开发】Android团队开发规范 - Leo.cheng - 博客园
Android 开发规范与应用	【译】[干货] Android 开发规范与应用 - 简书
ionic	https://github.com/ychow/ionic-guide

JSON

JSON	地址
模拟生成JSON数据	http://beta.json-generator.com

焦点图

焦点图	地址
myfocus	https://github.com/koen301/myfocus
myfocus-官方演示站	myFocus官方演示站
SuperSlidev2.1 – 大话主席	http://www.superslide2.com
soChange	http://www.bujichong.com/sojs/soChange/index.html

Ext, EasyUI, J-UI 及其它各种UI方案

Ext, EasyUI, J-UI 及其它各种UI方案	地址
雅虎UI - CSS UI	http://developer.yahoo.com/yui/grids
extjs	Sencha Ext JS - Comprehensive JavaScript Framework, UI Components
ext4英文api	Ext JS 4.0.7 - Sencha Docs
ext4中文api	Sencha Docs - Ext JS - 脚本娃娃 (Ext4.1.0 Doc中文版 V1.0.0 Beta)
jquery easyui 未压缩源代码	http://jquery-easyui.googlecode.com/svn/trunk/src
J-UI	http://jui.org
MUI-最接近原生APP体验的高性能前端框架	MUI-最接近原生APP体验的高性能前端框架
Amaze UI(中国首个开源 HTML5 跨屏前端框架)	http://amazeui.org
淘宝 HTML5 前端框架	http://m.sui.taobao.org
KISSY - 阿里前端JavaScript库	http://docs.kissyui.com
网易Nej - Nice Easy Javascript	http://nej.netease.com
Kendo UI MVVM Demo	Demo of core features in jQuery MVVM widget | Kendo UI for jQuery

页面 社会化 分享功能

页面 社会化 分享功能	地址
百度分享	http://share.baidu.com pc端
JiaThis	http://jiathis.com pc端
社会化分享组件	http://developer.baidu.com/soc/share 移动端
ShareSDK 轻松实现社会化功能	全球领先的数据智能科技平台-MobTech袤博 移动端
友盟分享	开发者中心 移动端

富文本编辑器

富文本编辑器	地址
功能齐全 tinymce	https://www.tinymce.com
百度 ueditor	http://ueditor.baidu.com/website
经典的ckeditor	http://ckeditor.com
经典的kindeditor	http://kindeditor.net
wysiwyg	微型、开源的Bootstrap所见即所得（WYSIWYG）富文本编辑器 -- 由MindMup贡献
一个有情怀的编辑器。Bach’s Editor	http://integ.github.io/BachEditor
tower用的编辑器	https://github.com/mycolorway/simditor
summernote 编辑器	https://github.com/summernote/summernote
html5编辑器	Squire
Quilljs编辑器	http://quilljs.com
wangEditor	https://github.com/wangfupeng1988/wangEditor

前端概述

前端概述	地址
前端工具大全	http://www.awesomes.cn
什么是前端工程化	https://github.com/fouber/blog/issues/10?from=timeline&isappinstalled=0#
[译] 前端攻略-从路人甲到英雄无敌	https://segmentfault.com/a/1190000005174755

pc图轮

pc图轮	地址
Vue 的图片轮播组件:vue-slider	https://github.com/qusiba/vue-slider
左右按钮多图切换	http://bxslider.com/examples/carousel-demystified
fullpage全屏轮播	https://github.com/alvarotrigo/fullPage.js

移动端图轮

移动端图轮	地址
滑屏效果	Swiper - The Most Modern Mobile Touch Slider
全屏fullpage	https://github.com/peunzhang/fullpage
单个图片切换	https://github.com/qiqiboy/touchslider
单个全屏切换	https://github.com/peunzhang/slip.js
单个全屏切换	https://github.com/peunzhang/iSlider
滑屏效果	https://github.com/saw/touch-interfaces
旋转拖动设置	Tiny Circleslider: A lightweight cross browser circular carousel.
类似于swipe切换	http://touchslider.com
支持多种形式的触摸滑动	Swiper演示 - Swiper中文网
滑屏效果	https://github.com/joker-ye/main/blob/master/wap/index.html
大话主席pc移动图片轮换	http://www.superslide2.com
滑屏效果	https://github.com/hahnzhu/parallax.js
基于zepto的fullpage	https://github.com/yanhaijing/zepto.fullpage
[WebApp]定宽网页设计下，固定宽度布局开发WebApp并实现多终端下WebApp布局自适应	[WebApp]定宽网页设计下，固定宽度布局开发WebApp并实现多终端下WebApp布局自适应 - plums - 博客园
判断微信客户端的那些坑	http://loo2k.com/blog/detecting-wechat-client
可以通过javascript直接调用原生分享的工具	https://github.com/JefferyWang/nativeShare.js
JiaThis 分享到微信代码	http://www.jiathis.com/help/html/weixin-share-code
聊聊移动端跨平台开发的各种技术	聊聊移动端跨平台开发的各种技术 - FEX
前端自动化测试	如何进行前端自动化测试？ - 知乎
多种轮换图片	NiceSlider - A Lightweight Touch Slider
滑动侧边栏	Slideout.js - A touch slideout navigation menu for your mobile web apps.

文件上传

文件上传	地址
百度上传组件	Web Uploader
上传	jQuery File Upload Demo
flash 头像上传	http://www.hdfu.net
图片上传预览	http://www.dropzonejs.com
图片裁剪	http://elemefe.github.io/image-cropper
图片裁剪-shearphoto	http://www.shearphoto.com
jQuery图片处理	jQuery图像处理 - 开源软件 - OSCHINA - 中文开源技术交流社区

模拟select

模拟select	地址
糖饼 select	selectbox
flexselect	https://github.com/rmm5t/jquery-flexselect
双select	http://loudev.com
select2	http://select2.github.io

取色插件

取色插件	地址
类似 Photoshop 的界面取色插件	jQuery颜色选取器插件COLPICK
jquery color	https://github.com/jquery/jquery-color
取色插件集合	jQuery颜色选择插件 - 开源软件 - OSCHINA - 中文开源技术交流社区
farbtastic 圆环＋正方形	GitHub - mattfarina/farbtastic: jQuery Color Wheel

城市联动

城市联动	地址
jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果	第74款插件：jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果 – 爱上JQuery

剪贴板

剪贴板	地址
剪贴板	https://github.com/zeroclipboard/zeroclipboard
clipboard 最新的剪切方案	http://zenorocha.github.io/clipboard.js
不是Flash的剪贴板	https://github.com/zenorocha/clipboard.js

简繁转换

简繁转换	地址
简繁转换	https://github.com/BYVoid/OpenCC

表格 Grid

表格 Grid	地址
facebook表格	http://facebook.github.io/fixed-data-table
类似于Excel编辑表格-handsontable	http://handsontable.com
bootstrap-table插件	http://bootstrap-table.wenzhixin.net.cn
datatables	https://www.datatables.net

在线演示

在线演示	地址
js 在线编辑 - runjs	http://runjs.cn
js 在线编辑 - jsbin	http://jsbin.com
js 在线编辑 - codepen	http://codepen.io
js 在线编辑 - jsfiddle	http://jsfiddle.net
java 在线编辑 - runjs	http://ideone.com
js 在线编辑 - hcharts	http://code.hcharts.cn
js 在线编辑 - jsdm	http://jsdm.com
sql 在线编辑 - sqlfiddle	http://sqlfiddle.com
mozilla 在线编辑器	https://thimble.mozilla.org

常规优化

常规优化	地址
Javascript高性能动画与页面渲染	Javascript高性能动画与页面渲染-InfoQ
移动H5前端性能优化指南	404
5173首页前端性能优化实践	http://ued.5173.com/?p=1731
给网页设计师和前端开发者看的前端性能优化	给网页设计师和前端开发者看的前端性能优化 - 优设网 - UISDC
复杂应用的 CSS 性能分析和优化建议	http://www.orzpoint.com/profiling-css-and-optimization-notes
张鑫旭——前端性能	张鑫旭——前端性能
前端性能监控总结	http://www.xiaoqiang.org/javascript/font-end-performance-monitor.html
网站性能优化之CSS无图片技术	网站性能优化之CSS无图片技术
web前端性能优化进阶路	web前端性能优化进阶路
前端技术：网站性能优化之CSS无图片技术	http://my.eoe.cn/tuwandou/archive/4544.html
浏览器的加载与页面性能优化	页面不存在_百度搜索
页面加载中的图片性能优化	首页 - w3ctech
Hey——前端性能	Hey——前端性能
html优化	html优化
99css——性能	99css——性能
YSLOW中文介绍	YSLOW 中文介绍 - 博客园
转一篇Yahoo关于网站性能优化的文章，兼谈本站要做的优化	转一篇Yahoo关于网站性能优化的文章，兼谈本站要做的优化 - 文章 | 360ITO技术社区 360ito.com
Yahoo!团队实践分享：网站性能	Yahoo!团队实践分享：网站性能优化的34条黄金守则（一）—内容
网站性能优化指南：什么使我们的网站变慢？	http://blog.jiasule.com/i/153
网站性能优化实践，减少加载时间，提高用户体验	http://www.powereasy.net/helpyou/knowledge/ecommerce/9593.html
前端重构实践之如何对网站性能优化？	http://www.adinnet.cn/blog/designview/2012-7-12/678.html
前端性能优化：使用媒体查询加载指定大小的背景图片	《一色屋精品视频在线观看免费》270P_一色屋精品视频在线观看免费影音_一色屋精品视频在线观看免费下载_-飘花电影网
网站性能系列博文	http://www.mykuer.com/post/factors-that-affect-the-speed-of-web-site-open.html
加载，不只是少一点点	加载，不只是少一点点-TGideas-腾讯游戏官方设计团队
前端性能的测试与优化	http://mzhou.me/article/95310
分享网页加载速度优化的一些技巧？	《hbf小组》270P_hbf小组影音_hbf小组下载_-飘花电影网
web前端优化(基于Yslow	http://www.tcreator.info/webSchool/website/Front-end-Opt-Yslow.html
网站性能优化工具大全	https://www.qianduan.net/website-performance-optimization-tool.html
【高性能前端1】高性能HTML	【高性能前端 1】高性能 HTML | AlloyTeam
【高性能前端2】高性能CSS	【高性能前端 2】高性能 CSS | AlloyTeam
由12306谈谈网站前端性能和后端性能优化	由12306.cn谈谈网站性能技术 | 酷 壳 - CoolShell
AlloyTeam——前端优化	AlloyTeam——前端优化
毫秒必争，前端网页性能最佳实践	毫秒必争，前端网页性能最佳实践 - 微软互联网开发支持 - 博客园
网站性能工具Yslow的使用方法	网站性能工具Yslow的使用方法_米启点-前端开发_新浪博客
前端工程与性能优化（上）：静态资源版本更新与缓存	前端工程精粹（一）：静态资源版本更新与缓存-InfoQ
前端工程与性能优化（下）：静态资源管理与模板框架	前端工程精粹（二）：静态资源管理与模板框架-InfoQ
HTTPS连接的前几毫秒发生了什么	http://blog.jobbole.com/48369
Yslow	Yslow
Essential Web Performance Metrics — A Primer, Part 1	SmartBear Blog
Essential Web Performance Metrics — Part 2	SmartBear Blog
YUISlide,针对移动设备的动画性能优化	YUISlide,针对移动设备的动画性能优化
Improving Site Performance	http://joelglovier.com/improving-site-performance
让网站提速的最佳前端实践	http://segmentfault.com/a/1190000000367899
Why Website Speed is Important	Website Loading Speed | Website Optimization
Need for Speed – How to Improve your Website Performance	Need for Speed – How to Improve your Website Performance · Devbridge
阿里无线前端性能优化指南 (Pt.1 加载期优化	https://github.com/amfe/article/issues/1

优化工具

优化工具	地址
JavaScript 性能分析新工具 OneProfile	JavaScript 性能分析新工具 OneProfile - OneAPM技术博客 - 前端乱炖
JavaScript 堆内存分析新工具 OneHeap	JavaScript 堆内存分析新工具 OneHeap - OneAPM技术博客 - 前端乱炖

在线工具

在线工具	地址
google在线工具	https://developers.google.com/speed/pagespeed/insights
阿里-免费测试服务	http://itest.aliyun.com
阿里-F2etest多浏览器兼容性测试解决方案	https://github.com/alibaba/f2etest
js性能测试	http://jsperf.com

前端架构

前端架构	地址
技术架构	技术架构 - 知乎
前端架构	Saito - The Architecture of F2E
如何成为前端架构师	如何成为前端架构师？ - 知乎
关于前端架构-张克军	Loading...
百度腾讯offer比较（腾讯游戏VS百度基础架构）	百度腾讯offer比较（腾讯游戏VS百度基础架构）？ - 知乎

推荐作品

推荐作品	地址
winter代码片段需要FQ	https://gist.github.com/wintercn
fgm	http://www.fgm.cc/learn
岑安作品集	https://github.com/hongru/hongru.github.com
当耐特demo集合	http://kmdjs.github.io
米空格 js作品	一些写过的作品 - Laoshu133.com
myFocus	http://koen301.github.io
SeaJS组件库	SeaJS 组件库
颜海镜作品	颜海镜的项目
脚儿网作品	我的作品 – 脚儿网
javascript个人作品	javascript个人作品 - A JavaScript Fancier - IT博客
妙味的雷东升游戏作品	http://bbs.miaov.com/forum.php?mod=viewthread&tid=7790
javascript作品集	HTML5和Javascript作品与技术分享-CSDN论坛
云五笔，灰度产生生成工具	GitHub - TooBug/works: 一些比较老的作品
项目主页	http://koen301.github.io
个性的作品主页	http://zaole.net
ucren js demos 集	Dron 博客
智能社	http://www.zhinengshe.com/works_list.html
实例陈列架	http://demos.shizuwu.cn
zoye demo	http://zoye.sinaapp.com/demo
平凡	http://pingfan1990.sinaapp.com
jyg 游戏案例	http://www.lovewebgames.com
很多jquery插件	http://www.helloweba.com/list.html
不羁虫 - soJs 作品系列	http://www.bujichong.com/sojs/api/index.html
frozenui	移动端动效库
黑白棋	javascript黑白棋人机博弈游戏 版本:1.02
fromone	fromone | to be unique
pazguille	http://pazguille.me
Html5 VideoPlayer	https://github.com/zmmbreeze/DeadSimpleVideoPlayer
Proton 烟花	http://a-jie.github.io/Proton/#example

简历模板

简历模板	地址
简历	chmyun's个人简历
简历	https://github.com/hacke2/ResumeSample
马斯特	Wenbo Jie's Resume
张秋怡	https://joyeecheung.github.io/resume/
翁天信	我的个人网站是怎么做出来的 | Dandy's Blog
动画方式的简历	超级酷炫的HTML5互动式程序员求职简历
组件丰富简历	http://www.linqing07.com/resume.html
haorooms博客	Haorooms博客-前端博客-前端技术-个人介绍

面试题

面试题	地址
那几个月在找工作（百度，网易游戏）	那几个月在找工作（百度，网易游戏，华为）_笔经面经_牛客网
2014最新面试题	2014年最新前端开发面试题 - 最新【前端面试题】收集-MarkYun - 前端乱炖
2016校招内推 – 阿里巴巴前端 – 三面面试经历	2016校招内推 -- 阿里巴巴前端 -- 四面面试经历 - -渔人码头- - 博客园
年后跳槽那点事：乐视+金山+360面试之行	年后跳槽那点事：乐视+金山+360面试之行 - 吕大豹 - 博客园
Interviewing a front-end developer	Interviewing a Front-End Developer | Underdog.io
拉勾网js面试题	js 也来 - 【拉勾专场】抛弃简历！让代码说话！ - 楼教主 - 博客园
前端面试	前端工作面试问题 - allenxing - 博客园
Web开发笔试面试题 大全	http://mianshiti.diandian.com
前端开发面试题	http://segmentfault.com/a/1190000000465431
2014最新前端面试题	https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions
百度面试	https://github.com/fex-team/interview-questions
前端工作面试问题	https://github.com/darcyclarke/Front-end-Developer-Interview-Questions/tree/master/Chinese
前端开发面试题	http://segmentfault.com/a/1190000000465431
5个经典的前端面试问题	5个经典的前端面试问题
最全前端面试问题及答案总结	http://segmentfault.com/a/1190000002562454
如何面试一名前端开发工程师？	如何面试一名前端开发工程师？ - 大搜车前端团队专栏 - 前端乱炖
史上最全 前端开发面试问题及答案整理	https://github.com/hawx1993/Front-end-Interview-questions
前端实习生面试总结	前端实习生面试总结 - 晓婼 - 博客园
史上最全 前端开发面试问题及答案整理	https://github.com/hawx1993/Front-end-Interview-questions
BAT及各大互联网公司2014前端笔试面试题：JavaScript篇	http://blog.jobbole.com/78738
前端开发面试题大收集	https://github.com/paddingme/Front-end-Web-Development-Interview-Question
收集的前端面试题和答案	https://github.com/qiu-deqing/FE-interview
如何面试前端工程师	如何面试前端工程师？ - 知乎
前端开发面试题	https://github.com/markyun/My-blog/blob/master/Front-end-Developer-Questions/Questions-and-Answers/README.md
牛客网-笔试面经	找面经_求职交流学习社区_找工作神器_牛客网

iconfont

iconfont	地址
中文字体	中文字体有类似google fonts这样的网站么？ - 知乎
淘宝字库	http://iconfont.cn
字体	http://mux.alimama.com/fonts
制作教程	iconfont-阿里巴巴矢量图标库
zhangxinxu-icommon	icomoon « 搜索结果 « 张鑫旭-鑫空间-鑫生活
icommon	IcoMoon App - Icon Font, SVG, PDF & PNG Generator
用字体在网页中画ICON图标(推荐教程	用字体在网页中画ICON图标-慕课网
字体压缩工具	http://font-spider.org

Fiddler

Fiddler	地址
Fiddler调式使用知多少(一深入研究	Fiddler调式使用知多少(一)深入研究 - 龙恩0707 - 博客园
微信fiddle	移动开发中Fiddler的那些事儿 - 咖啡机（K.F.J） - 博客园
微信fiddle	http://gaoboy.com/article/26.html

Chrome

Chrome	地址
Google Chrome 官方	https://developer.chrome.com/devtools
如何更好地运用 Chrome (Google)	如何更好地运用 Chrome (Google) | 晚晴幽草轩
Chrome - 基础	Chrome开发者工具不完全指南（一、基础功能篇） - chen·yan - 博客园
Chrome - 进阶	Chrome开发者工具不完全指南（二、进阶篇） - chen·yan - 博客园
Chrome - 性能	Chrome开发者工具不完全指南：（三、性能篇） - chen·yan - 博客园
Chrome - 性能进阶	Chrome开发者工具不完全指南（四、性能进阶篇） - chen·yan - 博客园
Chrome - 移动	Chrome开发者工具不完全指南（五、移动篇） - chen·yan - 博客园
Chrome - 使用技巧	chrome使用技巧（看了定不让你失望） - 静逸 - 博客园
Chrome - Console控制台不完全指南	Chrome 控制台不完全指南 - 刘哇勇 - 博客园
Chrome - Workspace使浏览器变成IDE	通过 Chrome Workspace 调试本地项目 | 小影志
network面板	分析chrome中的network面板 - 没事瞎琢磨 - 前端乱炖
chrome开发工具快捷键	Chrome Devtools Cheatsheet
chrome调试工具常用功能整理	chrome调试工具常用功能整理 - 前端开发工具 - 前端乱炖
Chrome 开发工具 Workspace 使用	iinterest.net
Chrome神器Vimium快捷键学习记录	Chrome神器Vimium快捷键学习记录 - 我的编程乐园 - C++博客
sass调试-w3cplus	http://www.w3cplus.com/sassguide/debug.html
如何更专业的使用Chrome开发者工具-w3cplus	如何更专业的使用Chrome开发者工具_tools, DevTools 教程_W3cplus
chrome调试canvas	http://sentsin.com/web/253.html
chrome profiles1	https://developer.chrome.com/devtools/index
chrome profiles3	使用Chrome DevTools的Timeline和Profiles提高Web应用程序的性能 - OSCHINA - 中文开源技术交流社区
chrome移动版调试	https://developer.chrome.com/devtools/docs/mobile-emulation
chrome调试	http://ued.taobao.org/blog/2012/06/debug-with-chrome-dev-tool
chrome的调试	作为Web开发人员，我为什么喜欢Google Chrome浏览器 - Q.Lee.lulu - 博客园
chrome console 命令详解	https://developer.chrome.com/devtools/docs/commandline-api
查看事件绑定1	http://www.cnblogs.com/leonkao/p/3809655.html
查看事件绑定2	查看html元素绑定的事件与方法的利器 - coderidea - 博客园
神器——Chrome开发者工具(一	http://segmentfault.com/a/1190000000683599
奇趣百科性能优化(Chrome DevTools 中的 Timeline Profils 等工具使用介绍	https://xinranliu.me/2015-05-22-qiqu-performance
chrome 开发者工具的 15 个小技巧	文章 - chrome 开发者工具的 15 个小技巧 - FED社区
Chrome开发者工具不完全指南	http://1ke.co/course/361
Chrome 开发者工具使用技巧	http://segmentfault.com/a/1190000003882567

Firebug

Firebug	地址
firebug视频教程	WEB调试工具-Firebug-慕课网
firefox 模拟器	https://developer.mozilla.org/zh-CN/docs/Tools/WebIDE
console.log 命令详解	http://www.cnblogs.com/ctriphire/p/4116207.html
Firebug入门指南	Firebug入门指南 - 阮一峰的网络日志
Firebug控制台详解	Firebug控制台详解 - 阮一峰的网络日志

移动,微信调试

移动,微信调试	地址
浏览器端调试安卓	https://openstf.github.io
移动端前端开发调试	移动端前端开发调试 | 于江水
使用 Chrome 远程调试 Android 设备	https://github.com/yujiangshui/CN-Chrome-DevTools/blob/remote-debugging/md/Use-Tools/remote-debugging.md
mac移动端调试	UC Plus —— Born to serve the developers
mac移动端调试	http://www.mihtool.com
无线调试攻略	无线调试攻略 - THX
无线调试攻略	如何调试移动端网页
屌爆了,完美调试 微信webview(x5	屌爆了,完美调试 微信webview(x5) - 简书
微信调试的那些事	微信调试的那些事
远程console	http://jsconsole.com
微信调试工具	http://blog.qqbrowser.cc
各种真机远程调试方法汇总	https://github.com/jieyou/remote_inspect_web_on_real_device

iOS Simulator

iOS Simulator	地址
Simulator	iOS_Simulator_Guide-Introduction
iOS Simulator的介绍和使用心得	http://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary

Image

img	地址
loading img	Preloaders.net - Circular (Spinners) loading GIF, SVG & APNG animations (AJAX loaders)
智图-图片优化平台	http://zhitu.isux.us
在线png优化	https://tinypng.com
SM.MS(图床工具～简易好用)	Image Upload - SM.MS - Simple Free Image Hosting
yutuku：极简图床	抖音KOL数据，网红排行榜,抖音直播数据
Qchan图床	http://tuchuang.org/

浏览器同步

浏览器同步	地址
puer	https://github.com/leeluolee/puer
liveReload	http://livereload.com
f5	http://getf5.com
File Watchers	如何为WebStorm设置SASS的File Watchers？-前端集合 - 关注前端技术和互联网免费资源

在线PPT制作

在线PPT制作	地址
nodePPT	nodePPT
Cleaver快速制作网页PPT	Cleaver快速制作网页PPT | 晚晴幽草轩
impress.js	impress.js初体验 - 前端装X利器 - 聂微东 - 博客园
PPT	https://github.com/ksky521/nodePPT
reveal	https://github.com/hakimel/reveal.js
bespoke-fx	https://github.com/ebow/bespoke-fx
slippy	https://github.com/Seldaek/slippy

前端导航网站

前端导航网站	地址
界面清爽的前端导航	http://uxbees.com/index.html
前端导航	http://whycss.com
前端网址导航	网址导航-大前端
前端名录	http://sentsin.com/daohang
前端导航	http://123.jser.us
前端开发资源	http://www.css88.com/nav
前端开发仓库 - 众多效果的收集地	http://code.ciaoca.com
前端资源导航	https://github.com/jnoodle/f2e-collect
F2E 前端导航	http://f2e.im/static/pages/nav/index.html

常用CDN

常用CDN	地址
新浪CDN	http://lib.sinaapp.com
百度静态资源公共库	http://cdn.code.baidu.com
360网站卫士常用前端公共库CDN服务	http://libs.useso.com
Bootstrap中文网开源项目免费 CDN 服务	http://www.bootcdn.cn
开放静态文件 CDN - 七牛	http://staticfile.org
CDN加速 - jq22	jQuery cdn加速
jQuery CDN	http://code.jquery.com
微软CDN	Microsoft Ajax Content Delivery Network | Microsoft Docs

Git

Git	地址
git-scm	http://git-scm.com
廖雪峰-Git教程	廖雪峰-Git教程
git-for-windows	https://git-for-windows.github.io
GitHub 添加 SSH keys	GitHub 添加 SSH keys
gogithub	GotGitHub — GotGitHub
git常规命令练习	Learn Git Branching
git的资料整理	https://github.com/xirong/my-git
我所记录的git命令（非常实用）	我所记录的git命令（非常实用） - 糖糖果 - 博客园
企业开发git工作流模式探索部分休整	https://github.com/xirong/my-git/blob/master/git-workflow-tutorial.md
GitHub 漫游指南	https://github.com/phodal/github-roam
GitHub秘籍	https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md
使用git和github进行协同开发流程	http://livoras.com/post/28
动画方式练习git	Explain Git with D3

各种日期日历

各种日期日历	地址
经典my97	http://www.my97.net/dp/demo/index.htm
强大的独立日期选择器	强大的独立日期选择器(date picker)插件 - Kalendae - igeekbar - 博客园
fullcalendar	http://fullcalendar.io
fullcalendar日历控件知识点集合	fullcalendar日历控件知识点集合_FrancisLaw的学园-CSDN博客
中文api	http://blog.sina.com.cn/s/blog_9475b1c101012c5f.html
农历日历	https://github.com/zzyss86/LunarCalendar
超酷的仿百度带节日日历老黄历控件	http://www.sucaisj.com/jiaoben/date/201509/16856.html
日期格式化	http://momentjs.com
大牛日历控件	https://github.com/Johnqing/QPAYCalendar
我群某管理作品	https://github.com/Iamlars/dateMarker
input按位替换-官网	http://digitalbush.com/projects/masked-input-plugin
input按位替换-github	https://github.com/digitalBush/jquery.maskedinput/tree/1.2.2
bootstrap-daterangepicker	https://github.com/dangrossman/bootstrap-daterangepicker
国外30个插件集合	30 Best Free Calendar & Datepicker jQuery Plugins
JavaScript datepicker	Pikaday: JavaScript datepicker – David Bushell – Freelance Web Design (UK)
Datepair.js	Datepair.js – Demos and Documentation
一个风格多样的日历	https://github.com/glad/glDatePicker
弹出层式的全日历	Date picker – pickadate.js
jquery双日历	http://www.daterangepicker.com
大气实用jQuery手机移动端日历日期选择插件	【球磨機】_選礦球磨設備_磨礦機_礦山機械廠家【鑫海礦裝】
jQuery Mobile 移动开发中的日期插件Mobiscroll	https://mobiscroll.com

Date library

Date library	地址
Datejs	https://github.com/datejs/Datejs
sugarjs	Sugar - Home

其它

其它	地址
Mock.js 是一款模拟数据生成器	http://mockjs.com
特色的HTML框架可以创建精美的iOS应用	http://framework7.taobao.org
淘宝SUI	http://m.sui.taobao.org
avalonjs	http://avalonjs.github.io
Avalon新一代UI库： OniUI	OniUI
avalon.oniui-基于avalon的组件库	https://github.com/RubyLouvre/avalon.oniui
生成二维码(草料)	http://cli.im

效果类

效果类	地址
弹出层	JS弹出层效果案例实现视频教程-慕课网
焦点图轮播特效	焦点图轮播特效制作视频教程-慕课网
HTML5 有哪些让你惊艳的 demo？	HTML5 有哪些让你惊艳的 demo？ - 知乎

弹出层

弹出层	地址
artDialog 最新版	https://github.com/aui/artDialog
artDialog 文档	artDialog
google code 下载地址	https://code.google.com/p/artdialog/downloads/list
贤心弹出层	http://layer.layui.com
响应式用户交互组件库	https://github.com/bh-lay/UI
sweetalert-有css3动画弹出层	SweetAlert

优秀JavaScript项目

优秀JavaScript项目	地址
Angular和Webpack种子文件	https://github.com/AngularClass/angular2-webpack-starter
Fis3面向前端的工程构建系统	https://github.com/fex-team/fis3
Fis3 DEMO	https://github.com/fex-team/fis3-demo
前端JQuery系列:源码剖析	https://github.com/JsAaron/jQuery
avalon框架	https://github.com/RubyLouvre/avalon
Microsoft ChakraCore 微软的Chakra引擎	https://github.com/Microsoft/ChakraCore
Quintus HTML游戏引擎	https://github.com/cykod/Quintus
一个用node.js搭建的有趣博客	https://github.com/STRML/strml.net
Web前端助手–FeHelper（Chrome扩展）	https://github.com/zxlie/FeHelper
百度前端技术学院	https://github.com/baidu-ife/ife
Cheerio（node.js中的jQuery）	https://github.com/cheeriojs/cheerio
nodejs的一个聊天软件 类似微信	https://github.com/BryanYang/freechat
使用html5和node.js构建的网易云音乐	https://github.com/stkevintan/Cube
babel ES6转换为ES5	https://github.com/babel/babel
一个JS富文本编辑器	https://github.com/fex-team/ueditor
一个JS脑图可视化工具	https://github.com/fex-team/kityminder-core
一个JS写的Flappy Bird Game	https://github.com/ellisonleao/clumsy-bird
一个JS写的GBA模拟器	GitHub - taisel/IodineGBA: JavaScript GameBoy Advance emulator.
SegmentFault写的Markdown解析器	https://github.com/SegmentFault/HyperDown.js
基于node.js的Ghost博客	https://github.com/TryGhost/Ghost
学习react的demos	https://github.com/ruanyf/react-demos

五. 体系结构与综合

• 综合类前端知识体系
• 前端知识结构
• Web前端开发大系概览
• Web前端开发大系概览-中文版
• Web Front-end Stack v2.2
• 免费的编程中文书籍索引
• 前端书籍
• 前端免费书籍大全
• 前端知识体系
• 免费的编程中文书籍索引
• 智能社 - 精通JavaScript开发
• 重新介绍 JavaScript（JS 教程）
• 麻省理工学院公开课：计算机科学及编程导论
• JavaScript中的this陷阱的最全收集--没有之一
• JS函数式编程指南
• JavaScript Promise迷你书（中文版）
• 腾讯移动Web前端知识库
• Front-End-Develop-Guide 前端开发指南
• 前端开发笔记本
• 大前端工具集 - 聂微东
• 前端开发者手册
• 前端开发者手册
• 入门类
  • 前端入门教程
  • 瘳雪峰的Javascript教程
  • jQuery基础教程
  • 前端工程师必备的PS技能——切图篇
  • 结合个人经历总结的前端入门方法
• 效果类
  • 弹出层
  • 焦点图轮播特效
• 工具类
  • css sprite 雪碧图制作
  • 版本控制入门 – 搬进 Github
  • Grunt-beginner前端自动化工具
• 慕课专题
  • 张鑫旭 - 慕课系列
  • lyn - 慕课系列
  • 艾伦 - 慕课系列
  • 碧仔 - Hello，移动WEB
• 周刊类
  • 百度FEX技术周刊
  • 平安科技移动开发二队技术周报
  • 360奇舞周刊

六. API(应用程序接口)

1. 综合类API

• 开发中心
  • mozilla js参考
  • chrome开发中心（chrome的内核已转向blink）
  • safari开发中心
  • microsoft js参考
  • js秘密花园
  • js秘密花园
  • w3help 综合Bug集合网站
• 综合搜索
  • javascripting
  • 各种流行库搜索
• 综合API
  • runoob.com-包含各种API集合
  • 开源中国在线API文档合集
  • devdocs 英文综合API网站

2. jQuery

• jQuery API 中文文档
• hemin 在线版
• css88 jq api
• css88 jqui api
• 学习jquery
• jquery 源码查找

3. Ecmascript

• Understanding ECMAScript 6 - Nicholas C. Zakas
• exploring-es6
• exploring-es6翻译
• exploring-es6翻译后预览
• 阮一峰 es6
• 阮一峰 Javascript
• ECMA-262，第 5 版
• es5

4. Js template

• template-chooser
• artTemplate
• tomdjs
• 淘宝模板juicer模板
• Fxtpl v1.0 繁星前端模板引擎
• laytpl
• mozilla - nunjucks
• Juicer
• dustjs
• etpl
• twitter-tpl

5. 弹出层

• artDialog 最新版
• artDialog 文档
• google code 下载地址
• 贤心弹出层
• 响应式用户交互组件库
• sweetalert-有css3动画弹出层

6. CSS

• CSS 语法参考
• CSS3动画手册
• 腾讯css3动画制作工具
• 志爷css小工具集合
• css3 js 移动大杂烩
• bouncejs 触摸库
• css3 按钮动画
• animate.css
• 全局CSS的终结(狗带) [译]

7. Angularjs

• Angular.js 的一些学习资源
• angularjs中文社区
• Angular Style Guide
• Angularjs源码学习
• Angularjs源码学习
• angular对bootstrap的封装
• angularjs + nodejs
• 吕大豹 Angularjs
• AngularJS 最佳实践
• Angular的一些扩展指令
• Angular数据绑定原理
• 一些扩展Angular UI组件
• Ember和AngularJS的性能测试
• 带你走近AngularJS - 基本功能介绍
• Angularjs开发指南
• Angularjs学习
• 不要带着jQuery的思维去学习AngularJS
• angularjs 学习笔记
• angularjs 开发指南
• angularjs 英文资料
• angular bootstrap
• angular jq mobile
• angular ui
• 整合jQuery Mobile+AngularJS经验谈
• 有jQuery背景，该如何用AngularJS编程思想
• AngularJS在线教程
• angular学习笔记

8. React

• react海量资源
• react.js 中文论坛
• react.js 官方网址
• react.js 官方文档
• react.js material UI
• react.js TouchstoneJS UI
• react.js amazeui UI
• React 入门实例教程 - 阮一峰
• React Native 中文版
• Webpack 和 React 小书 - 前端乱炖
• Webpack 和 React 小书 - gitbook
• React原创实战视频教程
• React 入门教程
• react-webpack-starter
• 基于react组件化开发

9. 移动端API

• API
  • 99移动端知识集合
  • 移动端前端开发知识库
  • 移动前端的一些坑和解决方法（外观表现）
  • 【原】移动web资源整理
  • zepto 1.0 中文手册
  • zepto 1.0 中文手册
  • zepto 1.1.2
  • zepto 中文注释
  • jqmobile 手册
  • 移动浏览器开发集合
  • 移动开发大杂烩
  • 微信webview中的一些问题
• 框架
  • 特色的HTML框架可以创建精美的iOS应用
  • 淘宝SUI

10. avalon

• avalonjs
• Avalon新一代UI库： OniUI
• avalon.oniui-基于avalon的组件库

11. Requriejs

• Javascript模块化编程（一）：模块的写法
• Javascript模块化编程（二）：AMD规范
• Javascript模块化编程（三）：require.js的用法
• RequireJS入门（一）
• RequireJS入门（二）
• RequireJS进阶（三）
• requrie源码学习
• requrie 入门指南
• requrieJS 学习笔记
• requriejs 其一
• require backbone结合

12. Seajs

• seajs
• seajs 中文手册

13. Less,sass

• sass
• sass教程-sass中国
• Sass 中文文档
• less

14. Markdown

• Markdown 语法说明 (简体中文版)
• markdown入门参考
• gitbook 国外的在线markdown可编辑成书
• mdeditor 一款国内的在线markdown编辑器
• stackedit 国外的在线markdown编辑器，功能强大，同步云盘
• mditor 一款轻量级的markdown编辑器
• lepture-editor
• markdown-editor

15. D3

• d3 Tutorials
• Gallery
• lofter
• iteye
• ruanyifeng

16. 兼容性

• esma 兼容列表
• W3C CSS验证服务
• caniuse
• csscreator
• microsoft
• 在线测兼容-移动端
• emulators

17. UI相关

• bootcss
• MetroUICSS
• semantic
• Buttons
• kitecss
• pintuer
• amazeui
• worldhello
• linuxtoy
• gitmagic
• rogerdudler
• gitref
• book
• gogojimmy

18. HTTP

• HTTP API 设计指南

19. 其它API

• javascript流行库汇总
• 验证api
• underscore 中文手册
• underscore源码分析
• underscore源码分析-亚里士朱德的博客
• underscrejs en api
• lodash - underscore的代替品
• ext4api
• backbone 中文手册
• qwrap手册
• 缓动函数
• svg 中文参考
• svg mdn参考
• svg 导出 canvas
• svg 导出 png
• ai-to-svg
• localStorage 库

20. 图表类

• Highcharts 中文API
• Highcharts 英文API
• ECharts 百度的图表软件
• 高德地图
• 开源的矢量图脚本框架
• svg 地图

21. vue

• Vue
• Vue 论坛
• Vue 入门指南
• Vue 的一些资源索引

21. 正则

• JS正则表达式元字符
• 正则表达式30分钟入门教程
• MDN-正则表达式
• ruanyifeng - RegExp对象
• 小胡子哥 - 进阶正则表达式
• is.js
• 正则在线测试

22. ionic

• ionic

23. 其它

• Mock.js 是一款模拟数据生成器

七. 开发规范

• 前端
  • 通过分析github代码库总结出来的工程师代码书写习惯
  • HTML&CSS编码规范 by @mdo
  • 团队合作的css命名规范-腾讯AlloyTeam前端团队
  • 前端编码规范之js - by yuwenhui
  • 前端编码规范之js - by 李靖
  • 前端开发规范手册
  • Airbnb JavaScript 编码规范（简体中文版）
  • AMD与CMD规范的区别
  • AMD与CMD规范的区别
  • KISSY 源码规范
  • bt编码规范
  • 规范加强版
  • 前端代码规范 及 最佳实践
  • 百度前端规范
  • 百度前端规范
  • 百度前端规范
  • ECMAScript6 编码规范--广发证券前端团队
  • JavaScript 风格指南/编码规范（Airbnb公司版）
  • 网易前端开发规范
  • css模块
  • 前端规范资源列表
• Nodejs
  • Node.js 风格指南
• PHP
  • 最流行的PHP 代码规范
  • 最流行的PHP 代码规范
• Android
  • 【敏捷开发】Android团队开发规范
  • Android 开发规范与应用

八. 其它收集

1. 各大公司开源项目

• Facebook Projects
• 百度web前端研发部
• 百度EFE
• 百度github
• alloyteam
• alloyteam-github
• alloyteam-AlloyGameEngine
• AlloyDesigner 即时修改，即时保存，设计稿较正，其它开发辅助工具
• H5交互页编辑器AEditor介绍 H5动画交互页开发的工具介绍
• AEditor H5动画交互页开发的工具
• maka
• 值得订阅的weekly
• 腾讯html5
• 奇舞团开源项目
• Qunar UED

2. Javascript

• 常用
  • ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性
  • 模拟键盘
  • 拼音
  • 中国个人身份证号验证
• 算法
  • 数据结构与算法 JavaScript 描述. 章节练习
  • 常见排序算法（JS版）
  • 经典排序
  • 常见排序算法-js版本
  • JavaScript 算法与数据结构 精华集
  • 面试常考算法题精讲
• 移动端
  • fastclick
  • no-click-delay
• JSON
  • 模拟生成JSON数据
  • 返回跨域JSONAPI

3. Html5

• HTML5 有哪些让你惊艳的 demo？
• html5 Canvas画图系列教程目录

4. CSS

• browserhacks

5. jQuery

• 焦点图
  • myfocus
  • myfocus-官方演示站
  • SuperSlidev2.1 -- 大话主席
  • soChange

6. Ext, EasyUI, J-UI 及其它各种UI方案

• Ext
  • extjs
  • ext4英文api
  • ext4中文api
• EasyUI
  • jquery easyui 未压缩源代码
• J-UI
  • J-UI
• Other
  • MUI-最接近原生APP体验的高性能前端框架
  • Amaze UI | 中国首个开源 HTML5 跨屏前端框架
  • 淘宝 HTML5 前端框架
  • KISSY - 阿里前端JavaScript库
  • 网易Nej - Nice Easy Javascript
  • Kendo UI MVVM Demo
  • Bootstrap
  • Smart UI
  • 雅虎UI - CSS UI

7. 页面 社会化 分享功能

• 百度分享 pc端
• JiaThis pc端
• 社会化分享组件 移动端
• ShareSDK 轻松实现社会化功能 移动端
• 友盟分享 移动端

8. 富文本编辑器

• 百度 ueditor
• 经典的ckeditor
• 经典的kindeditor
• wysiwyg
• 一个有情怀的编辑器。Bach's Editor
• tower用的编辑器
• summernote 编辑器
• html5编辑器
• XEditor
• wangEditor
• Trumbowyg - 轻量编辑器

9. 日历

• PC
  • 经典my97
  • 强大的独立日期选择器
  • fullcalendar
  • fullcalendar日历控件知识点集合
  • 中文api
  • 农历日历
  • 超酷的仿百度带节日日历老黄历控件
  • 日期格式化
  • 大牛日历控件
  • 我群某管理作品
  • input按位替换-官网
  • input按位替换-github
  • bootstrap-daterangepicker
  • 国外30个插件集合
  • JavaScript datepicker
  • Datepair.js
  • 一个风格多样的日历
  • 弹出层式的全日历
  • jquery双日历
• 移动
  • 大气实用jQuery手机移动端日历日期选择插件
  • jQuery Mobile 移动开发中的日期插件Mobiscroll
• Date library
  • Datejs
  • sugarjs

10. 综合效果搜索平台

• 效果网
• 17素材
• 常用的JavaScript代码片段

11. 前端工程化

• 概述
  • 前端工具大全
  • 什么是前端工程化
• Gulp
  • Gulp官网
  • Gulp中文网
  • gulp资料收集
  • Gulp：任务自动管理工具 - ruanyifeng
  • Gulp插件
  • Gulp不完全入门教程
  • 为什么使用gulp?
  • Gulp安装及配合组件构建前端开发一体化
  • Gulp 入门指南
  • Gulp 入门指南 - nimojs
  • Gulp入门教程
  • Gulp in Action
  • Gulp开发教程（翻译）
  • 前端构建工具gulpjs的使用介绍及技巧
• Grunt
  • gruntjs
  • Grunt中文网
• Fis
  • fis 官网
  • fis
• webpack
  • webpack
  • Webpack，101入门体验
  • webpack入门教程
  • 基于webpack搭建前端工程解决方案探索
  • Webpack傻瓜式指南（一）
  • Webpack指南

12. 轮播图

• pc图轮
  • 单屏轮播sochange
  • 左右按钮多图切换
  • fullpage全屏轮播
• 移动端
  • 无缝切换
  • 滑屏效果
  • 全屏fullpage
  • 单个图片切换
  • 单个全屏切换
  • 百度的切换库
  • 单个全屏切换
  • 滑屏效果
  • 旋转拖动设置
  • 类似于swipe切换
  • 支持多种形式的触摸滑动
  • 滑屏效果
  • 大话主席pc移动图片轮换
  • 滑屏效果
  • 基于zepto的fullpage
  • [WebApp]定宽网页设计下，固定宽度布局开发WebApp并实现多终端下WebApp布局自适应
  • 判断微信客户端的那些坑
  • 可以通过javascript直接调用原生分享的工具
  • JiaThis 分享到微信代码
  • 聊聊移动端跨平台开发的各种技术
  • 前端自动化测试
  • 多种轮换图片
  • 滑动侧边栏

13. 文件上传

• 百度上传组件
• 上传
• flash 头像上传
• 图片上传预览
• 图片裁剪
• 图片裁剪-shearphoto
• jQuery图片处理

14. 模拟select

• 糖饼 select
• flexselect
• 双select
• select2

15. 取色插件

• 类似 Photoshop 的界面取色插件
• jquery color
• 取色插件集合
• farbtastic 圆环＋正方形

16. 城市联动

• jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果

17. 剪贴板

• 剪贴板
• clipboard 最新的剪切方案

18. 简繁转换

• 简繁转换

19. 表格 Grid

• facebook表格
• 类似于Excel编辑表格-handsontable
• bootstrap-table插件
• datatables

20. 在线演示

• js 在线编辑 - runjs
• js 在线编辑 - jsbin
• js 在线编辑 - codepen
• js 在线编辑 - jsfiddle
• java 在线编辑 - ideone
• js 在线编辑 - hcharts
• js 在线编辑 - jsdm
• sql 在线编辑 - sqlfiddle
• mozilla 在线编辑器

21. 播放器

• Html5 VideoPlayer

22. 粒子动画

• Proton 烟花

23. 表单验证

• Validform
• formvalidator
• jQuery formValidator

九. Nodejs

• nodejs 篇幅比较巨大
• Node.js 包教不包会
• 篇幅比较少
• node express 入门教程
• nodejs定时任务
• 一个nodejs博客
• 【NodeJS 学习笔记04】新闻发布系统
• 过年7天乐，学nodejs 也快乐
• 七天学会NodeJS
• Nodejs学习笔记（二）--- 事件模块
• nodejs入门
• angularjs nodejs
• 从零开始nodejs系列文章
• 理解nodejs
• nodejs事件轮询
• node入门
• nodejs cms
• Node初学者入门，一本全面的NodeJS教程
• NodeJS的代码调试和性能调优

十. 性能优化

• 常规优化
  • Javascript高性能动画与页面渲染
  • 移动H5前端性能优化指南
  • 5173首页前端性能优化实践
  • 给网页设计师和前端开发者看的前端性能优化
  • 复杂应用的 CSS 性能分析和优化建议
  • 张鑫旭——前端性能
  • 前端性能监控总结
  • 网站性能优化之CSS无图片技术
  • web前端性能优化进阶路
  • 前端技术：网站性能优化之CSS无图片技术
  • 浏览器的加载与页面性能优化
  • 页面加载中的图片性能优化
  • Hey——前端性能
  • html优化
  • 99css——性能
  • Yslow——性能优化
  • YSLOW中文介绍
  • 转一篇Yahoo关于网站性能优化的文章，兼谈本站要做的优化
  • Yahoo!团队实践分享：网站性能
  • 网站性能优化指南：什么使我们的网站变慢？
  • 网站性能优化实践，减少加载时间，提高用户体验
  • 浅谈网站性能优化 前端篇
  • 前端重构实践之如何对网站性能优化？
  • 前端性能优化：使用媒体查询加载指定大小的背景图片
  • 网站性能系列博文
  • 加载，不只是少一点点
  • 前端性能的测试与优化
  • 分享网页加载速度优化的一些技巧？
  • 页面加载中的图片性能优化
  • web前端优化(基于Yslow)
  • 网站性能优化工具大全
  • 【高性能前端1】高性能HTML
  • 【高性能前端2】高性能CSS
  • 由12306谈谈网站前端性能和后端性能优化
  • AlloyTeam——前端优化
  • 毫秒必争，前端网页性能最佳实践
  • 网站性能工具Yslow的使用方法
  • 前端工程与性能优化（上）：静态资源版本更新与缓存
  • 前端工程与性能优化（下）：静态资源管理与模板框架
  • HTTPS连接的前几毫秒发生了什么
  • Yslow
  • Essential Web Performance Metrics — A Primer, Part 1
  • Essential Web Performance Metrics — Part 2
  • YUISlide,针对移动设备的动画性能优化
  • Improving Site Performance
  • 让网站提速的最佳前端实践
  • Why Website Speed is Important
  • Need for Speed – How to Improve your Website Performance
  • 阿里无线前端性能优化指南 (Pt.1 加载期优化)
• 优化工具
  • JavaScript 性能分析新工具 OneProfile
  • JavaScript 堆内存分析新工具 OneHeap
• 在线工具
  • google在线工具
  • 阿里测
  • 阿里-免费测试服务
  • 阿里-F2etest多浏览器兼容性测试解决方案
  • js性能测试
  • 轻松玩转PDF

十一. 前端架构

• 技术架构
• 前端架构
• 如何成为前端架构师
• 关于前端架构-张克军
• 百度腾讯offer比较（腾讯游戏VS百度基础架构）

十二. 个人作品

1. 推荐作品

• winter代码片段需要FQ
• fgm
• 岑安作品集
• 当耐特demo集合
• 米空格 js作品
• myFocus
• SeaJS组件库
• 颜海镜作品
• 脚儿网作品
• javascript个人作品
• 妙味的雷东升游戏作品
• javascript作品集
• 云五笔，灰度产生生成工具
• 项目主页
• 个性的作品主页
• 播放器
• ucren js demos 集
• 智能社
• 实例陈列架
• zoye demo
• 王员外
• 平凡
• jyg 游戏案例
• 很多jquery插件
• 不羁虫 - soJs 作品系列
• frozenui
• 黑白棋
• fromone

2. 群员作品

• MDialog - [合肥-M.J]
• 轮播图 - [上海－冷静]
• [广州—坚壳]
• [成都 - 无痕]　感恩节专题
• [球霸天]
• [北京-小数]
• [ptf] Magix 工具
• [杭州-Pft] Magix 基于 MVC 结构和 Hash 驱动的 OPOA（One Page One Application）应用
• [上海-剧中人]-实验室
• [上海-豪情 ] 作品集合
• [成都-feeling]
• [上海-angela]
• [海南-hank]作品
• [上海-张力]博客
• [上海-zenki]作品
• 移动端图案解锁
• [合肥-M.J] - MPreview 移动端图片预览组
• [合肥-M.J] - Mexam 移动端在线做题组
• [北京-苏瑞] - dancer小人
• [上海-玄沐]- 个人网站
• [厦门-二哲]- 个人博客

3. 国外大牛精品

• pazguille

十三. 简历

• 生成
  • MarkDown在线简历工具
  • MarkDown在线简历工具
• 模板
  • 不错的个人简历
  • 简历
  • 张伦
  • 简历
  • 翁天信
  • 动画方式的简历
  • 组件丰富简历
  • 简历池
  • haorooms博客
  • Justin Young
  • 各个程序员简历模板

十四. 面试题

• 那几个月在找工作（百度，网易游戏）
• 2014最新面试题
• 名企笔试大全
• 阿里前端面试题
• 2016校招内推 -- 阿里巴巴前端 -- 三面面试经历
• 腾讯面试题
• 年后跳槽那点事：乐视+金山+360面试之行
• 阿里前端面试题上线
• 拉勾网js面试题
• 前端面试
• Web开发笔试面试题 大全
• 前端开发面试题
• 2014最新前端面试题
• 百度面试
• 面试题
• 前端工作面试问题
• 前端开发面试题
• 5个经典的前端面试问题
• 最全前端面试问题及答案总结
• 如何面试一名前端开发工程师？
• 史上最全 前端开发面试问题及答案整理
• 前端实习生面试总结
• 史上最全 前端开发面试问题及答案整理
• BAT及各大互联网公司2014前端笔试面试题：JavaScript篇
• 前端开发面试题大收集
• 收集的前端面试题和答案
• 如何面试前端工程师
• 前端开发面试题
• 牛客网-笔试面经

十五. iconfont

• 中文字体
• 淘宝字库
• 字体
• 制作教程
• zhangxinxu-icommon
• icommon
• 用字体在网页中画ICON图标(推荐教程)
• 字体压缩工具 感谢初级群　[深圳-小鱼] 的推荐

十六. 开发工具类

• 前端开发工具
  • IntelliJ IDEA 简体中文专题教程
  • Webstorm,InterllIdea,Phpstorm
  • SublimeText
  • Atom
  • visual studio code
• Chrome, Firebug, Filddle 调试
• Fiddler
  • Fiddler调式使用知多少(一)深入研究
  • 微信fiddle
  • 微信fiddle
• Chrome
  • Google Chrome 官方
  • Chrome - 基础
  • Chrome - 进阶
  • Chrome - 性能
  • Chrome - 性能进阶
  • Chrome - 移动
  • Chrome - 使用技巧
  • Chrome - Console控制台不完全指南
  • Chrome - Workspace使浏览器变成IDE
  • network面板
  • chrome开发工具快捷键
  • chrome调试工具常用功能整理
  • Chrome 开发工具 Workspace 使用
  • Chrome神器Vimium快捷键学习记录
  • sass调试-w3cplus
  • 如何更专业的使用Chrome开发者工具-w3cplus
  • chrome调试canvas
  • chrome profiles1
  • chrome profiles2
  • chrome profiles3
  • chrome移动版调试
  • chrome调试
  • chrome的调试
  • chrome console 命令详解
  • 查看事件绑定1
  • 查看事件绑定2
  • 神器——Chrome开发者工具(一)
  • 奇趣百科性能优化(Chrome DevTools 中的 Timeline Profils 等工具使用介绍)
  • chrome 开发者工具的 15 个小技巧
  • Chrome开发者工具不完全指南
  • Chrome 开发者工具使用技巧
• Firebug
  • firebug视频教程
  • firefox 模拟器
  • console.log 命令详解
  • Firebug入门指南
  • Firebug控制台详解
• 移动,微信调试
  • 微信调试的那些事
  • 微信调试官网
  • 微信公众号本地调试
  • 微信、手Q、Qzone之x5内核inspect调试解决方案
  • 浏览器端调试安卓
  • 移动端前端开发调试
  • 使用 Chrome 远程调试 Android 设备
  • mac移动端调试
  • mac移动端调试
  • 无线调试攻略
  • 无线调试攻略
  • 屌爆了,完美调试 微信webview(x5)
  • 远程console
  • 微信调试工具
  • 各种真机远程调试方法汇总
  • 手机测试自己写的web页面
• iOS Simulator
  • Simulator
  • Xcode中的iOS模拟器(iOS Simulator)的介绍和使用心得
• img
  • loading img
  • 智图-图片优化平台
  • 在线png优化
• 生成二维码
  • 生成二维码
• 浏览器同步
  • puer
  • liveReload
  • f5
  • File Watchers
• 在线PPT制作
  • nodePPT
  • PPT
  • reveal
  • slippy

十七. 前端导航网站

• 界面清爽的前端导航
• 前端导航
• 前端网址导航
• 前端名录
• 前端导航
• 前端开发资源
• 网址导航
• 前端开发仓库 - 众多效果的收集地
• 前端资源导航
• F2E 前端导航
• 前端收藏夹
• pFan 前端开发导航平台

十八. 常用CDN

• 新浪CDN
• 百度静态资源公共库
• 360网站卫士常用前端公共库CDN服务
• Bootstrap中文网开源项目免费 CDN 服务
• 开放静态文件 CDN - 七牛
• CDN加速 - jq22
• jQuery CDN
• Google jQuery CDN
• 微软CDN

十九. Git,SVN,Github

• Git
  • git-scm
  • 廖雪峰-Git教程
  • git-for-windows
  • GitHub 添加 SSH keys
  • gogithub
  • git常规命令练习
  • git的资料整理
  • 我所记录的git命令（非常实用）
  • 企业开发git工作流模式探索部分休整
  • GitHub 漫游指南
  • GitHub秘籍
  • 使用git和github进行协同开发流程
  • 动画方式练习git
  • 版本管理工具介绍—Git篇
  • 版本控制入门 – 搬进 Github
  • Git动画演示
• SVN
  • 版本管理工具介绍---SVN篇

二十、其它

• 前端UI框架小汇总

引用：

『引』最全前端资源汇集 | 晚晴幽草轩

GitHub - nicejade/Front-end-tutorial: 最全的资源教程-前端涉及的所有知识体系，并在 Nice Front-end Tutorial 持续更新；

前端库 - 前端开发，JQUERY特效，全栈开发，vue开发

https://github.com/niuwang/guide

倾城之链 | NICE LINKS

关于前端的大致简介

二十一：图书

关于 JavaScript 的好书有哪些？

CSS权威指南3版

《精通CSS-高级WEB标准解决方案》

《JavaScript高级程序设计(第3版)》

学习JavaEE/SSM买那本书比较好?为什么?

学习前端过程中用到的资料

转载于 最全前端资源汇总 - 张果 - 博客园