最全前端资源汇集

阅读 8939
收藏 870
2016-10-21
原文链接:segmentfault.com

综合类

综合类 地址
前端知识体系 www.cnblogs.com/sb19871023/…
前端知识结构 github.com/JacksonTian…
前端知识体系 www.cnblogs.com/sb19871023/…
Web前端在线开发网站 www.hubwiz.com/course/?typ…
Web前端开发大系概览-中文版 www.cnblogs.com/unruledboy/…
免费的编程中文书籍索引 github.com/justjavac/f…
前端书籍 github.com/dypsilon/fr…
前端免费书籍大全 github.com/vhf/free-pr…
前端知识体系 www.cnblogs.com/sb19871023/…
免费的编程中文书籍索引 github.com/justjavac/f…
智能社 - 精通JavaScript开发 study.163.com/course/intr…
重新介绍 JavaScript(JS 教程) developer.mozilla.org/zh-CN/docs/…
麻省理工学院公开课:计算机科学及编程导论 v.163.com/special/ope…
JavaScript中的this陷阱的最全收集—没有之一 segmentfault.com/a/119000000…
JS函数式编程指南 llh911001.gitbooks.io/mostly-adeq…
JavaScript Promise迷你书(中文版) liubin.github.io/promises-bo…
腾讯移动Web前端知识库 github.com/AlloyTeam/M…
Front-End-Develop-Guide 前端开发指南 github.com/Front-End-D…
前端开发笔记本 li-xinyang.gitbooks.io/frontend-no…
大前端工具集 - 聂微东 github.com/nieweidong/…
前端开发者手册 dwqs.gitbooks.io/frontenddev…

入门类

入门类 地址
前端入门教程 www.cnblogs.com/jikey/p/361…
瘳雪峰的Javascript教程 www.liaoxuefeng.com/wiki/001434…
在线入门开发教程 www.hubwiz.com/course/?typ…="入门"
jQuery基础教程 www.imooc.com/view/11
前端工程师必备的PS技能——切图篇 www.imooc.com/view/506
结合个人经历总结的前端入门方法 github.com/qiu-deqing/…
工具类

工具类 地址
前端人的俱乐部 f2er.club/ 真可以解放你的收藏夹
如何优雅地使用Sublime Text www.jeffjade.com/2015/12/15/…
新编码神器Atom使用纪要 www.jeffjade.com/2016/03/03/…
css sprite 雪碧图制作 www.imooc.com/learn/93
版本控制入门 – 搬进 Github www.imooc.com/learn/390
Grunt-beginner前端自动化工具 www.imooc.com/learn/30
IntelliJ IDEA 简体中文专题教程 github.com/judasn/Inte…
Webstorm,InterllIdea,Phpstorm t.cn/8kZZ1Uy
SublimeText github.com/jikeytang/s…
Atom atom.io
visual studio code code.visualstudio.com
综合效果搜索平台

综合效果搜索平台 地址
zoommyapp.com zoommyapp.com/ 高质量图库
unsplash.com unsplash.com/ 高质量图库
www.pinterest.com www.pinterest.com/ 图库
New Old Stock nos.twnsnd.co 复古风图库
效果网 www.jq22.com
花瓣网 huaban.com/
优美图 www.topit.me/
codepen codepen.io/
17素材 www.17sucai.com
摄图网 699pic.com/
常用的JavaScript代码片段 microjs.com
周报类

周报类 地址
奇舞周刊 old.75team.com/weekly/
码农周刊 weekly.manong.io
WEB前端开发 www.css88.com
A JS tip per day! www.jstips.co
平安科技移动开发二队技术周报 github.com/PaicHyperio…
开发中心

开发中心 地址
mozilla js参考 developer.mozilla.org/zh-CN/docs/…
developer.chrome.com/extensions/…
safari开发中心 developer.apple.com/library/saf…
microsoft js参考 msdn.microsoft.com/zh-cn/libra…
js秘密花园 sanshi.me/articles/Ja…
js秘密花园 bonsaiden.github.io/JavaScript-…
w3help www.w3help.org 综合Bug集合网站
Nodejs

Nodejs 地址
nodejs 篇幅比较巨大 liuqing.pw
nodejs开发大全 www.hubwiz.com/course/?typ…
Node.js 包教不包会 github.com/alsotang/no…
篇幅比较少 www.rainweb.cn/article/cat…
node express 入门教程 www.w3cfuns.com/article-559…
nodejs定时任务 my.oschina.net/u/568264/bl…
一个nodejs博客 60sky.com
【NodeJS 学习笔记04】新闻发布系统 www.cnblogs.com/yexiaochai/…
过年7天乐,学nodejs 也快乐 www.cnblogs.com/qqloving/p/…
七天学会NodeJS github.com/nqdeng/7-da…
Nodejs学习笔记(二)—- 事件模块 www.cnblogs.com/zhongweiv/p…
nodejs入门 www.cnblogs.com/liusuqi/p/3…
angularjs nodejs github.com/zensh/jsgen
从零开始nodejs系列文章 blog.fens.me/series-node…
理解nodejs debuggable.com/posts/under…
nodejs事件轮询 blog.mixu.net/2011/02/01/…
node入门 www.nodebeginner.org/index-zh-cn…
nodejs cms ourjs.com/detail/53e1…
Node初学者入门,一本全面的NodeJS教程 ourjs.com/detail/529c…
NodeJS的代码调试和性能调优 www.barretlee.com/blog/2015/1…
综合API

综合API 地址
javascripting www.javascripting.com
各种流行库搜索 microjs.com
runoob.com-包含各种API集合 www.runoob.com
开源中国在线API文档合集 tool.oschina.net/apidocs
devdocs devdocs.io 英文综合API网站
Ecmascript

Ecmascript 地址
Understanding ECMAScript 6 - Nicholas C. Zakas leanpub.com/understandi…
exploring-es6 leanpub.com/exploring-e…
ECMAScript 6入门 www.hubwiz.com/course/?typ…
exploring-es6翻译后预览 es6-org.github.io/exploring-e…
阮一峰 es6 es6.ruanyifeng.com
阮一峰 Javascript javascript.ruanyifeng.com
ECMA-262,第 5 版 yanhaijing.com/es5
es5 es5.github.io
Js template

Js template 地址
template-chooser garann.github.io/template-ch…
artTemplate github.com/aui/artTemp…
tomdjs github.com/aui/tmodjs/…
淘宝模板juicer模板 juicer.name/docs/docs_z…
Fxtpl v1.0 繁星前端模板引擎 koen301.github.io/fxtpl
laytpl laytpl.layui.com
mozilla - nunjucks github.com/mozilla/nun…
Juicer github.com/PaulGuo/Jui…
dustjs akdubya.github.io/dustjs
etpl ecomfe.github.io/etpl
CSS

CSS 地址
CSS 语法参考 tympanus.net/codrops/css…
CSS3动画手册 isux.tencent.com/css3/index.…
腾讯css3动画制作工具 isux.tencent.com/css3/tools.…
志爷css小工具集合 linxz.github.io/tianyizone
css3 js 移动大杂烩 www.note12.com/category/bl…
bouncejs 触摸库 bouncejs.com
css3 按钮动画 fian.my.id/Waves
animate.css daneden.github.io/animate.css
全局CSS的终结(狗带 [译] www.alloyteam.com/2015/10/853…
browserhacks browserhacks.com
Angularjs

Angularjs 地址
Angular.js 的一些学习资源 github.com/dolymood/An…
angularjs中文社区 angularjs.cn
Angularjs 2 在线学习 www.hubwiz.com/course/?typ…
Angularjs源码学习 www.ifeenan.com/?c=AngularJ…
angular对bootstrap的封装 angular-ui.github.io/bootstrap
angularjs + nodejs cnodejs.org/topic/51404…
吕大豹 Angularjs www.cnblogs.com/lvdabao/tag…
AngularJS 最佳实践 www.infoq.com/cn/news/201…
Angular的一些扩展指令 www.lovelucy.info/angularjs-b…
Angular数据绑定原理 github.com/Pasvaz/bind…
一些扩展Angular UI组件 github.com/angular-ui
Ember和AngularJS的性能测试 voidcanvas.com/emberjs-vs-…
带你走近AngularJS - 基本功能介绍 www.cnblogs.com/powertoolst…
Angularjs开发指南 angular.duapp.com/docs/guide
Angularjs学习 www.cnblogs.com/amosli/p/37…
不要带着jQuery的思维去学习AngularJS www.rainweb.cn/article/ang…
angularjs 学习笔记 wangjiatao.diandian.com/?tag=angula…
angularjs 开发指南 www.angularjs.cn/T008
angularjs 英文资料 github.com/jmcunningha…
angular bootstrap angular-ui.github.io/bootstrap
angular jq mobile github.com/opitzconsul…
angular ui mgcrea.github.io/angular-str…
整合jQuery Mobile+AngularJS经验谈 www.tuicool.com/articles/7Z…
有jQuery背景,该如何用AngularJS编程思想 blog.jobbole.com/46589/
AngularJS在线教程 each.sinaapp.com/angular
angular学习笔记 www.zouyesheng.com/angular.htm…
React

React 地址
react.js 中文论坛 www.react-china.org
react.js 官方网址 facebook.github.io/react/index…
react.js 官方文档 facebook.github.io/react/docs/…
react.js material UI material-ui.com/#
react.js TouchstoneJS UI touchstonejs.io
react.js amazeui UI amazeui.org/react
React 入门实例教程 - 阮一峰 www.ruanyifeng.com/blog/2015/0…
React Native 中文版 wiki.jikexueyuan.com/project/rea…
Webpack 和 React 小书 - 前端乱炖 www.html-js.com/article/Fak…
Webpack 和 React 小书 - gitbook fakefish.github.io/react-webpa…
webpack github.com/webpack/web…
Webpack,101入门体验 html-js.com/article/300…
webpack入门教程 html-js.com/article/311…
基于webpack搭建前端工程解决方案探索 segmentfault.com/a/119000000…
React原创实战视频教程 www.piliyu.com
vue

vue 地址
Vue cn.vuejs.org
Vue 论坛 forum.vuejs.org
Vue 入门指南 www.hubwiz.com/course/?typ…
Vue 的一些资源索引 segmentfault.com/a/119000000…
awesome-vue github.com/vuejs/aweso…
移动端API

移动端API 地址
99移动端知识集合 github.com/jtyjty99999…
移动端前端开发知识库 github.com/AlloyTeam/M…
移动前端的一些坑和解决方法(外观表现) caibaojian.com/mobile-web-…
【原】移动web资源整理 www.cnblogs.com/PeunZhang/p…
zepto 1.0 中文手册 mweb.baidu.com/zeptoapi
zepto 1.0 中文手册 www.html-5.cn/Manual/Zept…
zepto 1.1.2 www.css88.com/doc/zeptojs…
zepto 中文注释 www.cnblogs.com/sky000/arch…
jqmobile 手册 app-framework-software.intel.com/api.php
移动浏览器开发集合 github.com/maxzhang/ma…
移动开发大杂烩 github.com/hoosin/mobi…
jQuery

jQuery 地址
jQuery API 中文文档 www.jquery123.com
hemin 在线版 hemin.cn/jq
css88 jq api www.css88.com/jqapi-1.9/o…
css88 jqui api www.css88.com/jquery-ui-a…
学习jquery learn.jquery.com
jquery 源码查找 james.padolsey.com/jquery
D3

D3 地址
d3 Tutorials github.com/mbostock/d3…
Gallery github.com/mbostock/d3…
lofter datavisual.lofter.com/post/40cf3a…
iteye alanland.iteye.com/blog/187859…
ruanyifeng javascript.ruanyifeng.com/library/d3.…
Requriejs

Requriejs 地址
Javascript模块化编程(一):模块的写法 www.ruanyifeng.com/blog/2012/1…
Javascript模块化编程(二):AMD规范 www.ruanyifeng.com/blog/2012/1…
Javascript模块化编程(三):require.js的用法 www.ruanyifeng.com/blog/2012/1…
RequireJS入门(一) www.cnblogs.com/snandy/arch…
RequireJS入门(二) www.cnblogs.com/snandy/arch…
RequireJS进阶(三) www.cnblogs.com/snandy/arch…
requrie源码学习 www.cnblogs.com/yexiaochai/…
requrie 入门指南 www.oschina.net/translate/g…
requrieJS 学习笔记 www.cnblogs.com/yexiaochai/…
requriejs 其一 cyj.me/why-seajs/r…
require backbone结合 www.cnblogs.com/yexiaochai/…
Seajs

Seajs 地址
seajs seajs.org
seajs 中文手册 cyj.me/why-seajs/z…
Less,sass

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

Markdown 地址
Markdown 语法说明 (简体中文版 wowubuntu.com/markdown
markdown入门参考 github.com/LearnShare/…
gitbook www.gitbook.com 国外的在线markdown可编辑成书
mdeditor www.zybuluo.com/mdeditor 一款国内的在线markdown编辑器
stackedit stackedit.io 国外的在线markdown编辑器,功能强大,同步云盘
mditor bh-lay.github.io/mditor 一款轻量级的markdown编辑器
lepture-editor github.com/lepture/edi…
markdown-editor github.com/jbt/markdow…
作业部落 www.zybuluo.com 功能强大,速度流畅,全平台同步
兼容性

兼容性 地址
esma 兼容列表 kangax.github.io/compat-tabl…
W3C CSS验证服务 jigsaw.w3.org/css-validat…
caniuse caniuse.com/#index
csscreator csscreator.com/properties
microsoft msdn.microsoft.com/zh-cn/libra…
在线测兼容-移动端 www.responsinator.com
emulators www.manymo.com/emulators
UI相关

UI相关 地址
bootcss v3.bootcss.com
MetroUICSS www.w3cplus.com/MetroUICSS
semantic semantic-ui.com
Buttons alexwolfe.github.io/Buttons
kitecss hiloki.github.io/kitecss
pintuer www.pintuer.com
amazeui amazeui.org
worldhello www.worldhello.net/gotgithub/i…
linuxtoy igit.linuxtoy.org/contents.ht…
gitmagic www-cs-students.stanford.edu/~blynn/gitm…
rogerdudler rogerdudler.github.io/git-guide/i…
gitref gitref.justjavac.com
book git-scm.com/book/zh
gogojimmy gogojimmy.net/2012/01/17/…
其它API

其它API 地址
HTTP API 设计指南 segmentfault.com/bookmark/12…
javascript流行库汇总 javascriptoo
验证api niceue.com/validator/d…
underscore 中文手册 www.css88.com/doc/undersc…
underscore源码分析 www.html-js.com/article/Und…
underscore源码分析-亚里士朱德的博客 yalishizhude.github.io/tags/unders…
underscrejs en api underscorejs.org
lodash - underscore的代替品 lodash.com
ext4api extjs-doc-cn.github.io/ext4api
backbone 中文手册 www.csser.com/tools/backb…
qwrap手册 dev.qwrap.com/resource/js…
缓动函数 easings.net/zh-cn
svg 中文参考 www.w3school.com.cn/svg/svg_ref…
svg mdn参考 developer.mozilla.org/en-US/docs/…
svg 导出 canvas github.com/gabelerner/…
svg 导出 png github.com/exupero/sav…
ai-to-svg www.zamzar.com/convert/ai-…
localStorage 库 github.com/machao/loca…
图表类

图表类 地址
Highcharts 中文API www.hcharts.cn/api/index.p…
Highcharts 英文API api.highcharts.com/highcharts
ECharts 百度的图表软件 echarts.baidu.com/
高德地图 lbs.amap.com/api
开源的矢量图脚本框架 paperjs.org
svg 地图 jvectormap.com
正则

正则 地址
JS正则表达式元字符 segmentfault.com/a/119000000…
正则表达式30分钟入门教程 deerchao.net/tutorials/r…
MDN-正则表达式 developer.mozilla.org/zh-CN/docs/…
ruanyifeng - RegExp对象 javascript.ruanyifeng.com/stdlib/rege…
小胡子哥 - 进阶正则表达式 div.io/topic/764?p…
is.js github.com/Cedriking/i…
正则在线测试 regexper.com
前端

前端 地址
通过分析github代码库总结出来的工程师代码书写习惯 alloyteam.github.io/CodeGuide
HTML&CSS编码规范 by @mdo codeguide.bootcss.com
团队合作的css命名规范-腾讯AlloyTeam前端团队 www.alloyteam.com/2011/10/css…
前端编码规范之js - by yuwenhui yuwenhui.github.io
前端编码规范之js - by 李靖 www.cnblogs.com/hustskyking…
前端开发规范手册 zhibimo.com/read/Ashu/f…
Airbnb JavaScript 编码规范(简体中文版) github.com/yuche/javas…
AMD与CMD规范的区别 www.zhihu.com/question/20…
AMD与CMD规范的区别 www.cnblogs.com/tugenhua070…
KISSY 源码规范 docs.kissyui.com/1.4/docs/ht…
bt编码规范 codeguide.bootcss.com
规范加强版 github.com/Suxiaogang/…
前端代码规范 及 最佳实践 blog.jobbole.com/79075
百度前端规范 coderlmn.github.io/code-standa…
百度前端规范 isobar-idev.github.io/code-standa…
百度前端规范 zhuanlan.zhihu.com/fuyun/19884…
ECMAScript6 编码规范—广发证券前端团队 github.com/gf-rd/es6-c…
JavaScript 风格指南/编码规范(Airbnb公司版) blog.jobbole.com/79484
网易前端开发规范 nec.netease.com/standard
css模块 www.75team.com/archives/10…
前端规范资源列表 github.com/ecomfe/spec
PHP

PHP 地址
最流行的PHP 代码规范 segmentfault.com/a/119000000…
最流行的PHP 代码规范 github.com/hfcorriez/f…
各大公司开源项目

各大公司开源项目 地址
Facebook Projects code.facebook.com/projects/we…
百度web前端研发部 fex.baidu.com
百度EFE efe.baidu.com
百度github github.com/fex-team
alloyteam www.alloyteam.com
alloyteam-github alloyteam.github.io
alloyteam-AlloyGameEngine github.com/AlloyTeam/A…
AlloyDesigner alloyteam.github.io/AlloyDesign… 即时修改,即时保存,设计稿较正,其它开发辅助工具
H5交互页编辑器AEditor介绍 www.alloyteam.com/2015/06/h5-… H5动画交互页开发的工具介绍
AEditor aeditor.alloyteam.com H5动画交互页开发的工具
maka forum.maka.im/wordpress
值得订阅的weekly github.com/fenbility/w…
腾讯html5 cube.qq.com
奇舞团开源项目 75team.github.io
Qunar UED ued.qunar.com
Scrat scrat.io
常用

常用 地址
ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性 www.zhangxinxu.com/wordpress/2…
模拟键盘 mottie.github.io/Keyboard
拼音 github.com/hotoo/pinyi…
中国个人身份证号验证 github.com/mc-zone/IDV…
算法

算法 地址
数据结构与算法 JavaScript 描述. 章节练习 github.com/Ralph-Wang/…
常见排序算法(JS版) github.com/twobin/twob…
经典排序 github.com/luofei2011/…
常见排序算法-js版本 github.com/hechangmin/…
JavaScript 算法与数据结构 精华集 github.com/lightningtg…
面试常考算法题精讲 www.nowcoder.com/live/course…
移动端

移动端 地址
fastclick github.com/ftlabs/fast…
no-click-delay github.com/mmastrac/jq…
【敏捷开发】Android团队开发规范 www.cnblogs.com/lcw/p/36191…
Android 开发规范与应用 www.jianshu.com/p/4390f4fe1…
ionic github.com/ychow/ionic…
JSON

JSON 地址
模拟生成JSON数据 beta.json-generator.com
返回跨域JSONAPI jsonp.afeld.me
焦点图

焦点图 地址
myfocus github.com/koen301/myf…
myfocus-官方演示站 www.chhua.com/myfocus
SuperSlidev2.1 — 大话主席 www.superslide2.com
soChange www.bujichong.com/sojs/soChan…
Ext, EasyUI, J-UI 及其它各种UI方案

Ext, EasyUI, J-UI 及其它各种UI方案 地址
extjs www.sencha.com/products/ex…
ext4英文api docs.sencha.com/extjs/4.0.7
ext4中文api extjs-doc-cn.github.io/ext4api
jquery easyui 未压缩源代码 jquery-easyui.googlecode.com/svn/trunk/s…
J-UI jui.org
MUI-最接近原生APP体验的高性能前端框架 dcloudio.github.io/mui
Amaze UI 中国首个开源 HTML5 跨屏前端框架 amazeui.org
淘宝 HTML5 前端框架 m.sui.taobao.org
KISSY - 阿里前端JavaScript库 docs.kissyui.com
网易Nej - Nice Easy Javascript nej.netease.com
Kendo UI MVVM Demo demos.telerik.com/kendo-ui/mv…
Bootstrap www.bootcss.com
Smart UI smartui.chinamzz.com
雅虎UI - CSS UI developer.yahoo.com/yui/grids
页面 社会化 分享功能

页面 社会化 分享功能 地址
百度分享 share.baidu.com pc端
JiaThis jiathis.com pc端
社会化分享组件 developer.baidu.com/soc/share 移动端
ShareSDK 轻松实现社会化功能 www.mob.com/#/index 移动端
友盟分享 dev.umeng.com/social/andr… 移动端
富文本编辑器

富文本编辑器 地址
功能齐全 tinymce www.tinymce.com
百度 ueditor ueditor.baidu.com/website
经典的ckeditor ckeditor.com
经典的kindeditor kindeditor.net
wysiwyg www.bootcss.com/p/bootstrap…
一个有情怀的编辑器。Bach’s Editor integ.github.io/BachEditor
tower用的编辑器 github.com/mycolorway/…
summernote 编辑器 github.com/summernote/…
html5编辑器 neilj.github.io/Squire
XEditor lab.hustlzp.com/XEditor
wangEditor github.com/wangfupeng1…
前端概述

前端概述 地址
前端工具大全 www.awesomes.cn
什么是前端工程化 github.com/fouber/blog…
Gulp

Gulp 地址
Gulp官网 gulpjs.com
Gulp中文网 www.gulpjs.com.cn
gulp资料收集 github.com/Platform-CU…
Gulp:任务自动管理工具 - ruanyifeng javascript.ruanyifeng.com/tool/gulp.h…
Gulp插件 gulpjs.com/plugins
Gulp探究折腾之路(I) www.jeffjade.com/2015/11/25/…
Gulp折腾之路(II) www.jeffjade.com/2016/01/19/…
Gulp不完全入门教程 www.ido321.com/1622.html
为什么使用gulp? github.com/hjzheng/CUF…
Gulp安装及配合组件构建前端开发一体化 www.dbpoo.com/getting-sta…
Gulp 入门指南 github.com/nimojs/gulp…
Gulp 入门指南 - nimojs github.com/nimojs/blog…
Gulp in Action www.imooc.com/video/5692
Gulp开发教程(翻译) www.w3ctech.com/topic/134
前端构建工具gulpjs的使用介绍及技巧 www.cnblogs.com/2050/p/4198…
Grunt

Grunt 地址
gruntjs gruntjs.com
Grunt中文网 www.gruntjs.net
Fis

Fis 地址
fis 官网 fex-team.github.io/fis-site/in…
fis fis.baidu.com
pc图轮

pc图轮 地址
单屏轮播sochange www.jsfoot.com/jquery/demo…
左右按钮多图切换 bxslider.com/examples/ca…
fullpage全屏轮播 github.com/alvarotrigo…
移动端图轮

移动端图轮 地址
无缝切换 www.swipejs.com
滑屏效果 www.idangero.us/swiper
全屏fullpage github.com/peunzhang/f…
单个图片切换 github.com/qiqiboy/tou…
单个全屏切换 github.com/peunzhang/s…
百度的切换库 touch.code.baidu.com/examples.ht…
单个全屏切换 github.com/peunzhang/i…
滑屏效果 github.com/saw/touch-i…
旋转拖动设置 baijs.com/tinycircles…
类似于swipe切换 touchslider.com
支持多种形式的触摸滑动 www.swiper.com.cn/demo/index.…
滑屏效果 github.com/joker-ye/ma…
大话主席pc移动图片轮换 www.superslide2.com
滑屏效果 github.com/hahnzhu/par…
基于zepto的fullpage github.com/yanhaijing/…
[WebApp]定宽网页设计下,固定宽度布局开发WebApp并实现多终端下WebApp布局自适应 www.cnblogs.com/plums/archi…
判断微信客户端的那些坑 loo2k.com/blog/detect…
可以通过javascript直接调用原生分享的工具 github.com/JefferyWang…
JiaThis 分享到微信代码 www.jiathis.com/help/html/w…
聊聊移动端跨平台开发的各种技术 fex.baidu.com/blog/2015/0…
前端自动化测试 www.zhihu.com/question/29…
多种轮换图片 ajccom.github.io/niceslider
滑动侧边栏 mango.github.io/slideout
文件上传

文件上传 地址
百度上传组件 fex.baidu.com/webuploader
上传 blueimp.github.io/jQuery-File…
flash 头像上传 www.hdfu.net
图片上传预览 www.dropzonejs.com
图片裁剪 elemefe.github.io/image-cropp…
图片裁剪-shearphoto www.shearphoto.com
jQuery图片处理 www.oschina.net/project/tag…
模拟select

模拟select 地址
糖饼 select aui.github.io/popupjs/doc…
flexselect github.com/rmm5t/jquer…
双select loudev.com
select2 select2.github.io
取色插件

取色插件 地址
类似 Photoshop 的界面取色插件 www.jq22.com/plugin/367
jquery color github.com/jquery/jque…
取色插件集合 www.oschina.net/project/tag…
farbtastic 圆环+正方形 github.com/mattfarina/…
城市联动

城市联动 地址
jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果 www.ijquery.cn/?p=360
剪贴板

剪贴板 地址
剪贴板 github.com/zeroclipboa…
clipboard 最新的剪切方案 zenorocha.github.io/clipboard.j…
不是Flash的剪贴板 github.com/zenorocha/c…
简繁转换

简繁转换 地址
简繁转换 github.com/BYVoid/Open…
表格 Grid

表格 Grid 地址
facebook表格 facebook.github.io/fixed-data-…
类似于Excel编辑表格-handsontable handsontable.com
bootstrap-table插件 bootstrap-table.wenzhixin.net.cn
datatables www.datatables.net
在线演示

在线演示 地址
js 在线编辑 - runjs runjs.cn
各种开发语言的在线编辑 lab123.hubwiz.com/
js 在线编辑 - codepen codepen.io
js 在线编辑 - jsfiddle jsfiddle.net
java 在线编辑 - runjs ideone.com
js 在线编辑 - hcharts code.hcharts.cn
js 在线编辑 - jsdm jsdm.com
sql 在线编辑 - sqlfiddle sqlfiddle.com
mozilla 在线编辑器 thimble.mozilla.org
常规优化

常规优化 地址
Javascript高性能动画与页面渲染 www.infoq.com/cn/articles…
移动H5前端性能优化指南 isux.tencent.com/h5-performa…
5173首页前端性能优化实践 ued.5173.com/?p=1731
给网页设计师和前端开发者看的前端性能优化 www.uisdc.com/front-end-p…
复杂应用的 CSS 性能分析和优化建议 www.orzpoint.com/profiling-c…
张鑫旭——前端性能 张鑫旭——前端性能
前端性能监控总结 www.xiaoqiang.org/javascript/…
网站性能优化之CSS无图片技术 网站性能优化之CSS无图片技术
web前端性能优化进阶路 web前端性能优化进阶路
前端技术:网站性能优化之CSS无图片技术 my.eoe.cn/tuwandou/ar…
浏览器的加载与页面性能优化 www.baiduux.com/blog/2011/0…
页面加载中的图片性能优化 www.w3ctech.com/p/1503
Hey——前端性能 Hey——前端性能
html优化 html优化
99css——性能 99css——性能
Yslow——性能优化 www.yslow.net/category.ph…
YSLOW中文介绍 www.cnblogs.com/yslow
转一篇Yahoo关于网站性能优化的文章,兼谈本站要做的优化 www.360ito.com/article/40.…
Yahoo!团队实践分享:网站性能 www.360doc.com/content/10/…
网站性能优化指南:什么使我们的网站变慢? blog.jiasule.com/i/153
网站性能优化实践,减少加载时间,提高用户体验 www.powereasy.net/helpyou/kno…
浅谈网站性能优化 前端篇 www.umtry.com/archives/74…
前端重构实践之如何对网站性能优化? www.adinnet.cn/blog/design…
前端性能优化:使用媒体查询加载指定大小的背景图片 www.gbin1.com/technology/…
网站性能系列博文 www.mykuer.com/post/factor…
加载,不只是少一点点 tgideas.qq.com/webplat/inf…
前端性能的测试与优化 mzhou.me/article/953…
分享网页加载速度优化的一些技巧? www.gbin1.com/technology/…
页面加载中的图片性能优化 www.f2es.com/images-byte…
web前端优化(基于Yslow www.tcreator.info/webSchool/w…
网站性能优化工具大全 www.qianduan.net/website-per…
【高性能前端1】高性能HTML www.alloyteam.com/2012/10/hig…
【高性能前端2】高性能CSS www.alloyteam.com/2012/10/hig…
由12306谈谈网站前端性能和后端性能优化 coolshell.cn/articles/64…
AlloyTeam——前端优化 AlloyTeam——前端优化
毫秒必争,前端网页性能最佳实践 www.cnblogs.com/developersu…
网站性能工具Yslow的使用方法 blog.sina.com.cn/s/blog_6e9d…
前端工程与性能优化(上):静态资源版本更新与缓存 www.infoq.com/cn/articles…
前端工程与性能优化(下):静态资源管理与模板框架 www.infoq.com/cn/articles…
HTTPS连接的前几毫秒发生了什么 blog.jobbole.com/48369
Yslow uicss.cn/yslow/#more…
Essential Web Performance Metrics — A Primer, Part 1 blog.smartbear.com/web-perform…
Essential Web Performance Metrics — Part 2 blog.smartbear.com/performance…
YUISlide,针对移动设备的动画性能优化 jayli.github.io/blog/data/2…
Improving Site Performance joelglovier.com/improving-s…
让网站提速的最佳前端实践 segmentfault.com/a/119000000…
Why Website Speed is Important sixrevisions.com/web-develop…
Need for Speed – How to Improve your Website Performance www.devbridge.com/articles/ne…
阿里无线前端性能优化指南 (Pt.1 加载期优化 github.com/amfe/articl…
优化工具

优化工具 地址
JavaScript 性能分析新工具 OneProfile www.html-js.com/article/308…
JavaScript 堆内存分析新工具 OneHeap www.html-js.com/article/309…
在线工具

在线工具 地址
google在线工具 developers.google.com/speed/pages…
阿里测 www.alibench.com
阿里-免费测试服务 itest.aliyun.com
阿里-F2etest多浏览器兼容性测试解决方案 github.com/alibaba/f2e…
js性能测试 jsperf.com
前端架构

前端架构 地址
技术架构 www.zhihu.com/topic/19612…
前端架构 saito.im/note/The-Ar…
如何成为前端架构师 www.zhihu.com/question/24…
关于前端架构-张克军 hikejun.com/sharing/201…
百度腾讯offer比较(腾讯游戏VS百度基础架构) www.zhihu.com/question/25…
推荐作品

推荐作品 地址
winter代码片段需要翻墙 gist.github.com/wintercn
汇智网-使用node.js开发的网站 www.hubwiz.com
岑安作品集 github.com/hongru/hong…
当耐特demo集合 kmdjs.github.io
米空格 js作品 www.laoshu133.com/Lab
myFocus koen301.github.io
SeaJS组件库 panxuepeng.github.io/seajslib
颜海镜作品 yanhaijing.com/myProject
脚儿网作品 jo2.org/category/my…
javascript个人作品 www.cnitblog.com/yemoo/categ…
妙味的雷东升游戏作品 bbs.miaov.com/forum.php?m…
javascript作品集 bbs.csdn.net/topics/3802…
云五笔,灰度产生生成工具 github.com/TooBug/work…
项目主页 koen301.github.io
个性的作品主页 zaole.net
播放器 static.tingall.com/v2/player
ucren js demos 集 ucren.com/blog/demos
智能社 www.zhinengshe.com/works_list.…
实例陈列架 demos.shizuwu.cn
zoye demo zoye.sinaapp.com/demo
王员外 lab.yuanwai.wang
平凡 pingfan1990.sinaapp.com
jyg 游戏案例 www.lovewebgames.com
很多jquery插件 www.helloweba.com/list.html
不羁虫 - soJs 作品系列 www.bujichong.com/sojs/api/in…
frozenui frozenui.github.io/case.html
黑白棋 js-game.github.io/othello
fromone yansm.github.io/fromone/ind…
pazguille pazguille.me
Html5 VideoPlayer github.com/zmmbreeze/D…
Proton 烟花 a-jie.github.io/Proton/#exa…
简历模板

简历模板 地址
不错的个人简历 learnshare.github.io/about/index…
简历 hcy2367.github.io/resume
张伦 ncuey.sinaapp.com/CrispElite/
简历 github.com/hacke2/Resu…
翁天信 blog.dandyweng.com/2013/07/how…
动画方式的简历 www.webhek.com/misc/intera…
组件丰富简历 www.linqing07.com/resume.html
简历池 www.mojianli.com/resume/view
haorooms博客 www.haorooms.com/about
Justin Young cv.youngdze.com
面试题

面试题 地址
那几个月在找工作(百度,网易游戏) www.nowcoder.com/discuss/319…
2014最新面试题 www.html-js.com/article/174…
阿里前端面试题 www.w3cfuns.com/thread-5598…
2016校招内推 — 阿里巴巴前端 — 三面面试经历 www.cnblogs.com/imwtr/p/468…
腾讯面试题 www.w3cfuns.com/article-559…
年后跳槽那点事:乐视+金山+360面试之行 www.cnblogs.com/lvdabao/p/3…
阿里前端面试题上线 fatesinger.com/2722.html
拉勾网js面试题 www.cnblogs.com/52cik/p/js-…
前端面试 www.cnblogs.com/allenxing/p…
Web开发笔试面试题 大全 mianshiti.diandian.com
前端开发面试题 segmentfault.com/a/119000000…
2014最新前端面试题 github.com/markyun/My-…
百度面试 github.com/fex-team/in…
面试题 www.w3cfuns.com/forum.php?m…
前端工作面试问题 github.com/darcyclarke…
前端开发面试题 segmentfault.com/a/119000000…
5个经典的前端面试问题 5个经典的前端面试问题
最全前端面试问题及答案总结 segmentfault.com/a/119000000…
如何面试一名前端开发工程师? www.html-js.com/article/Lar…
史上最全 前端开发面试问题及答案整理 github.com/hawx1993/Fr…
前端实习生面试总结 www.cnblogs.com/xiaoruo/p/4…
史上最全 前端开发面试问题及答案整理 github.com/hawx1993/Fr…
BAT及各大互联网公司2014前端笔试面试题:JavaScript篇 blog.jobbole.com/78738
前端开发面试题大收集 github.com/paddingme/F…
收集的前端面试题和答案 github.com/qiu-deqing/…
如何面试前端工程师 www.zhihu.com/question/19…
前端开发面试题 github.com/markyun/My-…
牛客网-笔试面经 www.nowcoder.com/discuss?typ…
iconfont

iconfont 地址
中文字体 www.zhihu.com/question/21…
淘宝字库 iconfont.cn
字体 mux.alimama.com/fonts
制作教程 iconfont.cn/help/platfo…
zhangxinxu-icommon www.zhangxinxu.com/wordpress/?…
icommon icomoon.io/app
用字体在网页中画ICON图标(推荐教程 imooc.com/learn/243
字体压缩工具 font-spider.org
Fiddler

Fiddler 地址
Fiddler调式使用知多少(一深入研究 www.cnblogs.com/tugenhua070…
微信fiddle www.cnblogs.com/strick/p/45…
微信fiddle gaoboy.com/article/26.…
Chrome

Chrome 地址
Google Chrome 官方 developer.chrome.com/devtools
Chrome - 基础 www.cnblogs.com/constantinc…
Chrome - 进阶 www.cnblogs.com/constantinc…
Chrome - 性能 www.cnblogs.com/constantinc…
Chrome - 性能进阶 www.cnblogs.com/constantinc…
Chrome - 移动 www.cnblogs.com/constantinc…
Chrome - 使用技巧 www.cnblogs.com/liyunhua/p/…
Chrome - Console控制台不完全指南 www.cnblogs.com/Wayou/p/chr…
Chrome - Workspace使浏览器变成IDE c7sky.com/chrome-devt…
network面板 www.html-js.com/article/Not…
chrome开发工具快捷键 anti-code.com/devtools-ch…
chrome调试工具常用功能整理 www.html-js.com/article/232…
Chrome 开发工具 Workspace 使用 www.iinterest.net/2014/05/09/…
Chrome神器Vimium快捷键学习记录 www.cppblog.com/deercoder/a…
sass调试-w3cplus www.w3cplus.com/sassguide/d…
如何更专业的使用Chrome开发者工具-w3cplus www.w3cplus.com/tools/how-t…
chrome调试canvas sentsin.com/web/253.htm…
chrome profiles1 developer.chrome.com/devtools/in…
chrome profiles2 h5dev.uc.cn/article-25-…
chrome profiles3 www.oschina.net/translate/p…
chrome移动版调试 developer.chrome.com/devtools/do…
chrome调试 ued.taobao.org/blog/2012/0…
chrome的调试 www.cnblogs.com/QLeelulu/ar…
chrome console 命令详解 developer.chrome.com/devtools/do…
查看事件绑定1 www.cnblogs.com/leonkao/p/3…
查看事件绑定2 www.cnblogs.com/xiaoyao2011…
神器——Chrome开发者工具(一 segmentfault.com/a/119000000…
奇趣百科性能优化(Chrome DevTools 中的 Timeline Profils 等工具使用介绍 xinranliu.me/2015-05-22-…
chrome 开发者工具的 15 个小技巧 frontenddev.org/link/15-tip…
Chrome开发者工具不完全指南 1ke.co/course/361
Chrome 开发者工具使用技巧 segmentfault.com/a/119000000…
Firebug

Firebug 地址
firebug视频教程 www.imooc.com/learn/137
firefox 模拟器 developer.mozilla.org/zh-CN/docs/…
console.log 命令详解 www.cnblogs.com/ctriphire/p…
Firebug入门指南 www.ruanyifeng.com/blog/2008/0…
Firebug控制台详解 www.ruanyifeng.com/blog/2011/0…
移动,微信调试

移动,微信调试 地址
浏览器端调试安卓 openstf.github.io
移动端前端开发调试 yujiangshui.com/multidevice…
使用 Chrome 远程调试 Android 设备 github.com/yujiangshui…
mac移动端调试 plus.uc.cn/document/we…
mac移动端调试 www.mihtool.com
无线调试攻略 thx.github.io/mobile/debu…
无线调试攻略 yanhaijing.com/mobile/2014…
屌爆了,完美调试 微信webview(x5 www.jianshu.com/p/ccf124f1f…
微信调试的那些事 微信调试的那些事
远程console jsconsole.com
微信调试工具 blog.qqbrowser.cc
各种真机远程调试方法汇总 github.com/jieyou/remo…
iOS Simulator

iOS Simulator 地址
Simulator iOS_Simulator_Guide-Introduction
iOS Simulator的介绍和使用心得 www.crifan.com/intro_ios_s…
img

img 地址
loading img preloaders.net/en/circular
智图-图片优化平台 zhitu.isux.us
在线png优化 tinypng.com
生成二维码

生成二维码 地址
生成二维码 cli.im
浏览器同步

浏览器同步 地址
puer github.com/leeluolee/p…
liveReload livereload.com
f5 getf5.com
File Watchers geek100.com/2608
在线PPT制作

在线PPT制作 地址
nodePPT nodePPT
Cleaver快速制作网页PPT www.jeffjade.com/2015/10/15/…
impress.js www.cnblogs.com/Darren_code…
PPT github.com/ksky521/nod…
reveal github.com/hakimel/rev…
slippy github.com/Seldaek/sli…
前端导航网站

前端导航网站 地址
界面清爽的前端导航 uxbees.com/index.html
前端导航 whycss.com
前端网址导航 www.daqianduan.com/nav
前端名录 sentsin.com/daohang
前端导航 123.jser.us
前端开发资源 www.css88.com/nav
网址导航 www.haourl.cn
前端开发仓库 - 众多效果的收集地 code.ciaoca.com
前端资源导航 github.com/jnoodle/f2e…
F2E 前端导航 f2e.im/static/page…
常用CDN

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

Git 地址
git-scm git-scm.com
廖雪峰-Git教程 廖雪峰-Git教程
git-for-windows git-for-windows.github.io
GitHub 添加 SSH keys daemon369.github.io/git/2015/03…
gogithub www.worldhello.net/gotgithub/i…
git常规命令练习 pcottle.github.io/learnGitBra…
git的资料整理 github.com/xirong/my-g…
我所记录的git命令(非常实用) www.cnblogs.com/fanfan259/p…
企业开发git工作流模式探索部分休整 github.com/xirong/my-g…
GitHub 漫游指南 github.com/phodal/gith…
GitHub秘籍 github.com/tiimgreen/g…
使用git和github进行协同开发流程 livoras.com/post/28
动画方式练习git onlywei.github.io/explain-git…
各种日期日历

各种日期日历 地址
经典my97 www.my97.net/dp/demo/ind…
强大的独立日期选择器 www.cnblogs.com/gbin1/archi…
fullcalendar fullcalendar.io
fullcalendar日历控件知识点集合 blog.csdn.net/francislaw/…
中文api blog.sina.com.cn/s/blog_9475…
农历日历 github.com/zzyss86/Lun…
超酷的仿百度带节日日历老黄历控件 www.sucaisj.com/jiaoben/dat…
日期格式化 momentjs.com
大牛日历控件 github.com/Johnqing/QP…
我群某管理作品 github.com/Iamlars/dat…
input按位替换-官网 digitalbush.com/projects/ma…
input按位替换-github github.com/digitalBush…
bootstrap-daterangepicker github.com/dangrossman…
国外30个插件集合 www.vandelaydesign.com/30-best-fre…
JavaScript datepicker dbushell.com/2012/10/09/…
Datepair.js jonthornton.github.io/Datepair.js
一个风格多样的日历 github.com/glad/glDate…
弹出层式的全日历 amsul.ca/pickadate.j…
jquery双日历 www.daterangepicker.com
大气实用jQuery手机移动端日历日期选择插件 www.frankdemo.cn/index.php?c…
jQuery Mobile 移动开发中的日期插件Mobiscroll mobiscroll.com
Date library

Date library 地址
Datejs github.com/datejs/Date…
sugarjs sugarjs.com/api/Date
其它

其它 地址
Mock.js 是一款模拟数据生成器 mockjs.com
特色的HTML框架可以创建精美的iOS应用 framework7.taobao.org
淘宝SUI m.sui.taobao.org
avalonjs avalonjs.github.io
Avalon新一代UI库: OniUI ued.qunar.com/oniui/index…
avalon.oniui-基于avalon的组件库 github.com/RubyLouvre/…
效果类

效果类 地址
弹出层 www.imooc.com/learn/58
焦点图轮播特效 www.imooc.com/learn/18
HTML5 有哪些让你惊艳的 demo? www.zhihu.com/question/24…
弹出层

弹出层 地址
artDialog 最新版 github.com/aui/artDial…
artDialog 文档 aui.github.io/artDialog/d…
google code 下载地址 code.google.com/p/artdialog…
贤心弹出层 layer.layui.com
响应式用户交互组件库 github.com/bh-lay/UI
sweetalert-有css3动画弹出层 t4t5.github.io/sweetalert
优秀JavaScript项目

优秀JavaScript项目 地址
Angular和Webpack种子文件 github.com/AngularClas…
Fis3面向前端的工程构建系统 github.com/fex-team/fi…
Fis3 DEMO github.com/fex-team/fi…
前端JQuery系列:源码剖析 github.com/JsAaron/jQu…
avalon框架 github.com/RubyLouvre/…
Microsoft ChakraCore 微软的Chakra引擎 github.com/Microsoft/C…
Quintus HTML游戏引擎 github.com/cykod/Quint…
一个用node.js搭建的网站 www.hubwiz.com/
Web前端助手—FeHelper(Chrome扩展) github.com/zxlie/FeHel…
百度前端技术学院 github.com/baidu-ife/i…
Cheerio(node.js中的jQuery) github.com/cheeriojs/c…
nodejs的一个聊天软件 类似微信 github.com/BryanYang/f…
使用html5和node.js构建的网易云音乐 github.com/stkevintan/…
babel ES6转换为ES5 github.com/babel/babel
一个JS富文本编辑器 github.com/fex-team/ue…
一个JS脑图可视化工具 github.com/fex-team/ki…
一个JS写的Flappy Bird Game github.com/ellisonleao…
一个JS写的GBA模拟器 github.com/taisel/Iodi…
SegmentFault写的Markdown解析器 github.com/SegmentFaul…
基于node.js的Ghost博客 github.com/TryGhost/Gh…
学习react的demos github.com/ruanyf/reac…

转自:my.oschina.net/u/2275217/b…

评论