前端汇总（转载）

编程入门行业动态更新时间:2024-10-19 06:19:26

文章目录

前端汇总
- 一、概要
- 二、优秀的网站
- 三、前端技术分类综合
- 四、各类前端资源
- - 综合类
  - 入门类
  - 工具类
  - 综合效果搜索平台
  - 团队Blog
  - 开发中心
  - Nodejs
  - 综合API
  - Ecmascript
  - Vue
  - Angularjs
  - React
  - Webpack
  - Gulp
  - Js template
  - HTML5(HTML)
  - CSS3(CSS)
  - 移动端API
  - jQuery
  - D3
  - Requriejs
  - Seajs
  - Less,sass
  - Markdown
  - 兼容性
  - UI相关
  - 其它API
  - 图表类
  - 正则
  - 前端规范
  - PHP
  - 各大公司开源项目
  - 常用
  - 算法
  - 移动端
  - JSON
  - 焦点图
  - Ext, EasyUI, J-UI 及其它各种UI方案
  - 页面社会化分享功能
  - 富文本编辑器
  - 前端概述
  - pc图轮
  - 移动端图轮
  - 文件上传
  - 模拟select
  - 取色插件
  - 城市联动
  - 剪贴板
  - 简繁转换
  - 表格 Grid
  - 在线演示
  - 常规优化
  - 优化工具
  - 在线工具
  - 前端架构
  - 推荐作品
  - 简历模板
  - 面试题
  - iconfont
  - Fiddler
  - Chrome
  - Firebug
  - 移动,微信调试
  - iOS Simulator
  - Image
  - 浏览器同步
  - 在线PPT制作
  - 前端导航网站
  - 常用CDN
  - Git
  - 各种日期日历
  - Date library
  - 其它
  - 效果类
  - 弹出层
  - 优秀JavaScript项目
- 五. 体系结构与综合
- 六. API(应用程序接口)
- 七. 开发规范
- 八. 其它收集
- 九. Nodejs
- 十. 性能优化
- 十一. 前端架构
- 十二. 个人作品
- 十三. 简历
- 十四. 面试题
- 十五. iconfont
- 十六. 开发工具类
- 十七. 前端导航网站
- 十八. 常用CDN
- 十九. Git,SVN,Github
- 二十、其它

前端汇总

转载自： https://yq.aliyun/articles/304137?spm=a2c4e.11153940.0.0.232a1be4JVjP7T

一、概要

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

二、优秀的网站

• JS前端开发群月报
• 前端开源资源库
• 国内老牌技术社区：OSChina、博客园、CSDN、51CTO
• 免费的it电子书：http://it-ebooks.info/
• 在线学习：http://www.udemy/
• 代码练习：http://exercism.io/
• 代码练习：https://www.codingame
• 云风（游戏界大牛）: http://blog.codingnow/
王垠（不少文章喷到蛮有道理）：http://www.yinwang/
冰河-伞哥(Lisp大牛)：http://tianchunbinghe.blog.163/
陈皓-左耳朵耗子：http://coolshell/
Jeff Atwood（国外知名博主）: https://blog.codinghorror/
阮一峰（黑客与画家译者，Web）：http://www.ruanyifeng/
廖雪峰（他的Python、Git教程不少人都看过）：http://www.liaoxuefeng/
道哥的黑板报（安全）：https://zhuanlan.zhihu/taosay 国内GitHub上关注度较高的开发者 GitHub篇
• gitbook：https://www.gitbook.io/写书的好东西，当然用来写文档也很不错的
• Travis-ci：开源项目持续集成必备，和GitHub相结合，https://travis-ci/

三、前端技术分类综合

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

四、各类前端资源

综合类

综合类	地址
前端知识体系	http://wwwblogs/sb19871023/p/3894452.html
前端知识结构	https://github/JacksonTian/fks
Web前端开发大系概览	https://github/unruledboy/WebFrontEndStack
Web前端开发大系概览-中文版	http://wwwblogs/unruledboy/p/WebFrontEndStack.html
Web Front-end Stack v2.2	Web Front-end Stack v2.2
免费的编程中文书籍索引	https://github/justjavac/free-programming-books-zh_CN
前端书籍	https://github/dypsilon/frontend-dev-bookmarks
前端免费书籍大全	https://github/vhf/free-programming-books
前端知识体系	http://wwwblogs/sb19871023/p/3894452.html
免费的编程中文书籍索引	https://github/justjavac/free-programming-books-zh_CN
智能社 - 精通JavaScript开发	http://study.163/course/introduction/224014.html
重新介绍 JavaScript（JS 教程）	https://developer.mozilla/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript
麻省理工学院公开课：计算机科学及编程导论	http://v.163/special/opencourse/bianchengdaolun.html
JavaScript中的this陷阱的最全收集–没有之一	http://segmentfault/a/1190000002640298
JS函数式编程指南	https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html
JavaScript Promise迷你书（中文版）	http://liubin.github.io/promises-book
腾讯移动Web前端知识库	https://github/AlloyTeam/Mars
Front-End-Develop-Guide 前端开发指南	https://github/Front-End-Developers-Hunan/Front-End-Develop-Guide
前端开发笔记本	https://li-xinyang.gitbooks.io/frontend-notebook/content
大前端工具集 - 聂微东	https://github/nieweidong/fetool
前端开发者手册	https://dwqs.gitbooks.io/frontenddevhandbook/content

入门类

入门类	地址
前端入门教程	http://wwwblogs/jikey/p/3613082.html
瘳雪峰的Javascript教程	http://www.liaoxuefeng/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000
前端工程师必备的PS技能——切图篇	http://www.imooc/view/506
结合个人经历总结的前端入门方法	https://github/qiu-deqing/FE-learning

工具类

工具类	地址
前端人的俱乐部	http://f2er.club/ 真可以解放你的收藏夹
如何优雅地使用Sublime Text	http://www.jeffjade/2015/12/15/2015-04-17-toss-sublime-text/#
新编码神器Atom使用纪要	http://www.jeffjade/2016/03/03/2016-03-02-how-to-use-atom/
css sprite 雪碧图制作	http://www.imooc/learn/93
版本控制入门 – 搬进 Github	http://www.imooc/learn/390
Grunt-beginner前端自动化工具	http://www.imooc/learn/30
IntelliJ IDEA 简体中文专题教程	https://github/judasn/IntelliJ-IDEA-Tutorial
SublimeText	https://github/jikeytang/sublime-text
Atom	https://atom.io
visual studio code	https://code.visualstudio

综合效果搜索平台

综合效果搜索平台	地址
JavaScript 资源大全中文版	https://github/jobbole/awesome-javascript-cn
100+ 超全的web开发工具和资源	https://xituqu/170.html
设计师网址导航	http://hao.uisdc/
Web前端导航(Alloyteam)	http://www.alloyteam/nav/
快搜	http://so.chongbuluo/
阿里iconfont	http://www.iconfont/
zoommyapp	http://zoommyapp/ 高质量图库
unsplash	https://unsplash/ 高质量图库
www.pinterest	https://www.pinterest/ 图库
New Old Stock	http://nos.twnsnd.co 复古风图库
500px	https://500px/ 唯美照片
效果网	http://www.jq22
花瓣网	http://huaban/
优美图	http://www.topit.me/
codepen	http://codepen.io/
摄图网	http://699pic/
常用的JavaScript代码片段	http://microjs

团队Blog

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

开发中心

开发中心	地址
mozilla js参考	https://developer.mozilla/zh-CN/docs/Web/JavaScript
chrome开发中心（chrome的内核已转向blink）	https://developer.chrome/extensions/api_index.html
safari开发中心	https://developer.apple/library/safari/navigation
microsoft js参考	https://msdn.microsoft/zh-cn/library/d1et7k7c(v=vs.94.aspx
js秘密花园	http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html
js秘密花园	http://bonsaiden.github.io/JavaScript-Garden/zh
w3help	http://www.w3help 综合Bug集合网站

Nodejs

Nodejs	地址
Node.js 包教不包会	https://github/alsotang/node-lessons
一个nodejs博客	http://60sky
【NodeJS 学习笔记04】新闻发布系统	http://wwwblogs/yexiaochai/p/3536547.html
过年7天乐，学nodejs 也快乐	http://wwwblogs/qqloving/p/3541099.html
七天学会NodeJS	https://github/nqdeng/7-days-nodejs
Nodejs学习笔记（二）— 事件模块	http://wwwblogs/zhongweiv/p/nodejs_events.html
nodejs入门	http://wwwblogs/liusuqi/p/3735491.html
angularjs nodejs	https://github/zensh/jsgen
从零开始nodejs系列文章	http://blog.fens.me/series-nodejs
理解nodejs	http://debuggable/posts/understanding-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb
nodejs事件轮询	http://blog.mixu/2011/02/01/understanding-the-node-js-event-loop
node入门	http://www.nodebeginner/index-zh-cn.html
nodejs cms	http://ourjs/detail/53e1f281c5910a9806000001
Node初学者入门，一本全面的NodeJS教程	http://ourjs/detail/529ca5950cb6498814000005
NodeJS的代码调试和性能调优	http://www.barretlee/blog/2015/10/07/debug-nodejs-in-command-line

综合API

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

Ecmascript

Ecmascript	地址
Understanding ECMAScript 6 - Nicholas C. Zakas	https://leanpub/understandinges6/read
exploring-es6	https://leanpub/exploring-es6/read
exploring-es6翻译	https://github/es6-org/exploring-es6
exploring-es6翻译后预览	http://es6-org.github.io/exploring-es6
阮一峰 es6	http://es6.ruanyifeng
阮一峰 Javascript	http://javascript.ruanyifeng
ECMA-262，第 5 版	http://yanhaijing/es5
es5	http://es5.github.io

Vue

Vue.js	地址
Vue2.0	https://vuefe/
Vue	http://cn.vuejs
Vue Router	https://router.vuejs/
Vuex	https://vuex.vuejs/
Vue-Cli	https://github/vuejs/vue-cli
Vue 论坛	http://forum.vuejs
Vue 聊天室	https://gitter.im/vuejs/vue
Vue 入门指南	http://wwwblogs/aaronjs/p/3660102.html
Vue 的一些资源索引	http://segmentfault/a/1190000000411057
awesome-vue	https://github/vuejs/awesome-vue
vue-syntax-highlight	https://github/vuejs/vue-syntax-highlight
如何写一手漂亮的 Vue	https://jeffjade/2017/03/11/120-how-to-write-vue-better/?me

Angularjs

Angularjs	地址
Angular.js 的一些学习资源	https://github/dolymood/AngularLearning
angularjs中文社区	http://angularjs
Angularjs源码学习	http://wwwblogs/xuwenmin888/p/3739096.html
Angularjs源码学习	http://www.ifeenan/?c=AngularJS
angular对bootstrap的封装	http://angular-ui.github.io/bootstrap
angularjs + nodejs	https://cnodejs/topic/51404e0f069911196d2e3923
吕大豹 Angularjs	http://wwwblogs/lvdabao/tag/AngularJs
AngularJS 最佳实践	http://www.infoq/cn/news/2013/02/angular-web-app
Angular的一些扩展指令	http://www.lovelucy.info/angularjs-best-practices.html
Angular数据绑定原理	https://github/Pasvaz/bindonce
一些扩展Angular UI组件	https://github/angular-ui
Ember和AngularJS的性能测试	http://voidcanvas/emberjs-vs-angularjs-performance-testing
带你走近AngularJS - 基本功能介绍	http://wwwblogs/powertoolsteam/p/angularjs-introdection.html
Angularjs开发指南	http://angular.duapp/docs/guide
Angularjs学习	http://wwwblogs/amosli/p/3710648.html
不要带着jQuery的思维去学习AngularJS	http://www.rainweb/article/angularjs-jquery.html
angularjs 学习笔记	http://wangjiatao.diandian/?tag=angularjs
angularjs 开发指南	http://www.angularjs/T008
angularjs 英文资料	https://github/jmcunningham/AngularJS-Learning
angular bootstrap	http://angular-ui.github.io/bootstrap
angular jq mobile	https://github/opitzconsulting/jquery-mobile-angular-adapter
angular ui	http://mgcrea.github.io/angular-strap
整合jQuery Mobile+AngularJS经验谈	http://www.tuicool/articles/7ZZVr2
有jQuery背景，该如何用AngularJS编程思想	http://blog.jobbole/46589/
AngularJS在线教程	http://each.sinaapp/angular
angular学习笔记	http://www.zouyesheng/angular.html

React

React	地址
react.js 中文论坛	http://www.react-china
react.js 官方网址	https://facebook.github.io/react/index.html
react.js 官方文档	https://facebook.github.io/react/docs/getting-started.html
react.js material UI	http://material-ui/#
react.js TouchstoneJS UI	http://touchstonejs.io
react.js amazeui UI	http://amazeui/react
React 入门实例教程 - 阮一峰	http://www.ruanyifeng/blog/2015/03/react.html
React Native 中文版	http://wiki.jikexueyuan/project/react-native
Webpack 和 React 小书 - 前端乱炖	http://www.html-js/article/Fakefish%203053
Webpack 和 React 小书 - gitbook	https://fakefish.github.io/react-webpack-cookbook
webpack	https://github/webpack/webpack
Webpack，101入门体验	http://html-js/article/3009
webpack入门教程	http://html-js/article/3113
基于webpack搭建前端工程解决方案探索	http://segmentfault/a/1190000003499526

Webpack

Webpack	地址
Webpack 官网	https://webpack.js/
Webpack 中文网	https://doc.webpack-china/
webpack-demos（阮一峰）	https://github/ruanyf/webpack-demos
Webpack Tutorial	https://www.ag-grid/ag-grid-understanding-webpack/
webpack 入门指南	http://wwwblogs/vajoy/p/4650467.html
Webpack 打包优化之体积篇	https://jeffjade/2017/08/06/124-webpack-packge-optimization-for-volume/
Webpack 打包优化之速度篇	https://jeffjade/2017/08/12/125-webpack-package-optimization-for-speed/

Gulp

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

Js template

Js template	地址
template-chooser	http://garann.github.io/template-chooser
artTemplate	https://github/aui/artTemplate
tomdjs	https://github/aui/tmodjs/blob/master/README.md
Fxtpl v1.0 繁星前端模板引擎	http://koen301.github.io/fxtpl
laytpl	http://laytpl.layui
mozilla - nunjucks	https://github/mozilla/nunjucks
Juicer	https://github/PaulGuo/Juicer
dustjs	http://akdubya.github.io/dustjs
etpl	http://ecomfe.github.io/etpl

HTML5(HTML)

HTML(HTML5)	地址
深入理解HTML5标签	https://segmentfault/a/1190000002695791
如何写出高效率的HTML	https://segmentfault/a/1190000002680822
HTML meta标签总结与属性使用介绍	https://segmentfault/a/1190000004279791
戏说HTML5	http://wwwblogs/dojo-lzz/p/5059316.html

CSS3(CSS)

CSS	地址
CSS 语法参考	http://tympanus/codrops/css_reference
如何编写可维护的CSS	https://github/chadluo/CSS-Guidelines/blob/master/README.md
CSS3动画手册	http://isux.tencent/css3/index.html
腾讯css3动画制作工具	http://isux.tencent/css3/tools.html
志爷css小工具集合	http://linxz.github.io/tianyizone
css3 js 移动大杂烩	http://www.note12/category/blog/2014-6-5/538fe0a9f786f1b7019a4dfb
bouncejs 触摸库	http://bouncejs
animate.css	http://daneden.github.io/animate.css
全局CSS的终结(狗带 [译]	http://www.alloyteam/2015/10/8536
browserhacks	http://browserhacks

移动端API

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

jQuery

jQuery	地址
YOU MIGHT NOT NEED JQUERY	http://youmightnotneedjquery/
jQuery API 中文文档	http://www.jquery123
hemin 在线版	http://hemin/jq
css88 jq api	http://www.css88/jqapi-1.9/on
css88 jqui api	http://www.css88/jquery-ui-api
学习jquery	http://learn.jquery
jquery 源码查找	http://james.padolsey/jquery
Web前端资源汇总(jQuery,Js,Css3等)	http://wwwblogs/jihua/p/webfront.html

D3

D3	地址
d3 Tutorials	https://github/mbostock/d3/wiki/Tutorials
Gallery	https://github/mbostock/d3/wiki/Gallery
lofter	http://datavisual.lofter/post/40cf3a_188e535
iteye	http://alanland.iteye/blog/1878595
ruanyifeng	http://javascript.ruanyifeng/library/d3.html

Requriejs

Requriejs	地址
Javascript模块化编程（一）：模块的写法	http://www.ruanyifeng/blog/2012/10/javascript_module.html
Javascript模块化编程（二）：AMD规范	http://www.ruanyifeng/blog/2012/10/asynchronous_module_definition.html
Javascript模块化编程（三）：require.js的用法	http://www.ruanyifeng/blog/2012/11/require_js.html
RequireJS入门（一）	http://wwwblogs/snandy/archive/2012/05/22/2513652.html
RequireJS入门（二）	http://wwwblogs/snandy/archive/2012/05/23/2513712.html
RequireJS进阶（三）	http://wwwblogs/snandy/archive/2012/06/08/2538001.html
requrie源码学习	http://wwwblogs/yexiaochai/p/3632580.html
requrie 入门指南	http://www.oschina/translate/getting-started-with-the-requirejs-library
requrieJS 学习笔记	http://wwwblogs/yexiaochai/p/3214926.html
requriejs 其一	http://cyj.me/why-seajs/requirejs/
require backbone结合	http://wwwblogs/yexiaochai/p/3221081.html

Seajs

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

Less,sass

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

Markdown

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

兼容性

兼容性	地址
esma 兼容列表	http://kangax.github.io/compat-table/es6
W3C CSS验证服务	http://jigsaw.w3/css-validator/validator.html.zh-cn
caniuse	http://caniuse/#index
csscreator	http://csscreator/properties
microsoft	https://msdn.microsoft/zh-cn/library/cc351024(v=vs.85.aspx
在线测兼容-移动端	http://www.responsinator
emulators	https://www.manymo/emulators

UI相关

UI相关	地址
Foundation	http://foundation.zurb/?form=jeffjade
Bootcss	http://v3.bootcss/?form=jeffjade
Element UI	http://element.eleme.io/#/zh-CN 基于Vue
ANT DESIGN	http://ant.design 一个 UI 设计语言
Smart UI	http://smartui.chinamzz
MetroUICSS	http://www.w3cplus/MetroUICSS
Semantic	http://semantic-ui
Layui	http://www.layui/?form=jeffjade
Buttons	http://alexwolfe.github.io/Buttons
kitecss	http://hiloki.github.io/kitecss
pintuer	http://www.pintuer
amazeui	http://amazeui
worldhello	http://www.worldhello/gotgithub/index.html
linuxtoy	http://igit.linuxtoy/contents.html
gitmagic	http://www-cs-students.stanford.edu/~blynn/gitmagic/intl/zh_cn
rogerdudler	http://rogerdudler.github.io/git-guide/index.zh.html
gitref	http://gitref.justjavac
book	http://git-scm/book/zh
gogojimmy	http://gogojimmy/2012/01/17/how-to-use-git-1-git-basic

其它API

其它API	地址
HTTP API 设计指南	http://segmentfault/bookmark/1230000002521721
javascript流行库汇总	javascriptoo
验证api	http://niceue/validator/demo/index.php
underscore 中文手册	http://www.css88/doc/underscore
underscore源码分析	http://www.html-js/article/Underscorejs-source-code-analysis-of-underscorejs-source-code-analysis%203031
underscore源码分析-亚里士朱德的博客	http://yalishizhude.github.io/tags/underscore
underscrejs en api	http://underscorejs
lodash - underscore的代替品	https://lodash
ext4api	http://extjs-doc-cn.github.io/ext4api
qwrap手册	http://dev.qwrap/resource/js/_docs/youa/#/qw/base/loadJs.htm
缓动函数	http://easings/zh-cn
svg 中文参考	http://www.w3school/svg/svg_reference.asp
svg mdn参考	https://developer.mozilla/en-US/docs/Web/SVG
svg 导出 canvas	https://github/gabelerner/canvg
svg 导出 png	https://github/exupero/saveSvgAsPng
ai-to-svg	http://www.zamzar/convert/ai-to-svg
localStorage 库	https://github/machao/localStorage

图表类

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

正则

正则	地址
JS正则表达式元字符	http://segmentfault/a/1190000002471140
正则表达式30分钟入门教程	http://deerchao/tutorials/regex/regex.htm
MDN-正则表达式	https://developer.mozilla/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions
ruanyifeng - RegExp对象	http://javascript.ruanyifeng/stdlib/regexp.html
小胡子哥 - 进阶正则表达式	http://div.io/topic/764?page=1
is.js	https://github/Cedriking/is.js/blob/master/is.js
正则在线测试	http://regexper

前端规范

前端规范	地址
通过分析github代码库总结出来的工程师代码书写习惯	http://alloyteam.github.io/CodeGuide
HTML&CSS编码规范 by @mdo	http://codeguide.bootcss
团队合作的css命名规范-腾讯AlloyTeam前端团队	http://www.alloyteam/2011/10/css-on-team-naming/
前端编码规范之js - by yuwenhui	http://yuwenhui.github.io
前端编码规范之js - by 李靖	http://wwwblogs/hustskyking/p/javascript-spec.html
前端开发规范手册	http://zhibimo/read/Ashu/front-end-style-guide
Airbnb JavaScript 编码规范（简体中文版）	https://github/yuche/javascript#table-of-contents
AMD与CMD规范的区别	http://www.zhihu/question/20351507
AMD与CMD规范的区别	http://wwwblogs/tugenhua0707/p/3507957.html
KISSY 源码规范	http://docs.kissyui/1.4/docs/html/tutorials/style-guide/kissy-source-style.html
bt编码规范	http://codeguide.bootcss
规范加强版	https://github/Suxiaogang/Code_Guide
前端代码规范及最佳实践	http://blog.jobbole/79075
百度前端规范	http://coderlmn.github.io/code-standards
百度前端规范	http://isobar-idev.github.io/code-standards
百度前端规范	http://zhuanlan.zhihu/fuyun/19884834
ECMAScript6 编码规范–广发证券前端团队	https://github/gf-rd/es6-coding-style
JavaScript 风格指南/编码规范（Airbnb公司版）	http://blog.jobbole/79484、
网易前端开发规范	http://necease/standard
css模块	http://www.75team/archives/1049
前端规范资源列表	https://github/ecomfe/spec

PHP

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

各大公司开源项目

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

常用

常用	地址
ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性	http://www.zhangxinxu/wordpress/2013/12/iebetter-js-make-ie6-ie8-like-modern-browser-ie9-chrome
模拟键盘	http://mottie.github.io/Keyboard
拼音	https://github/hotoo/pinyin
中国个人身份证号验证	https://github/mc-zone/IDValidator

算法

算法	地址
数据结构与算法 JavaScript 描述. 章节练习	https://github/Ralph-Wang/algorithm.in.js
常见排序算法（JS版）	https://github/twobin/twobinSort
经典排序	https://github/luofei2011/jsAgm/blob/master/js/sort.js
常见排序算法-js版本	https://github/hechangmin/jssort
JavaScript 算法与数据结构精华集	https://github/lightningtgc/JavaScript-Algorithms
面试常考算法题精讲	http://www.nowcoder/live/courses

移动端

移动端	地址
fastclick	https://github/ftlabs/fastclick
no-click-delay	https://github/mmastrac/jquery-noclickdelay
【敏捷开发】Android团队开发规范	http://wwwblogs/lcw/p/3619181.html
Android 开发规范与应用	http://www.jianshu/p/4390f4fe19b3
ionic	https://github/ychow/ionic-guide

JSON

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

焦点图

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

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

Ext, EasyUI, J-UI 及其它各种UI方案	地址
雅虎UI - CSS UI	http://developer.yahoo/yui/grids
extjs	https://www.sencha/products/extjs
ext4英文api	http://docs.sencha/extjs/4.0.7
ext4中文api	http://extjs-doc-cn.github.io/ext4api
jquery easyui 未压缩源代码	http://jquery-easyui.googlecode/svn/trunk/src
J-UI	http://jui
MUI-最接近原生APP体验的高性能前端框架	http://dcloudio.github.io/mui
Amaze UI(中国首个开源 HTML5 跨屏前端框架)	http://amazeui
淘宝 HTML5 前端框架	http://m.sui.taobao
KISSY - 阿里前端JavaScript库	http://docs.kissyui
网易Nej - Nice Easy Javascript	http://nejease
Kendo UI MVVM Demo	http://demos.telerik/kendo-ui/mvvm/index

页面社会化分享功能

页面社会化分享功能	地址
百度分享	http://share.baidu pc端
JiaThis	http://jiathis pc端
社会化分享组件	http://developer.baidu/soc/share 移动端
ShareSDK 轻松实现社会化功能	http://www.mob/#/index 移动端
友盟分享	http://dev.umeng/social/android/quick-integration 移动端

富文本编辑器

富文本编辑器	地址
功能齐全 tinymce	https://www.tinymce
百度 ueditor	http://ueditor.baidu/website
经典的ckeditor	http://ckeditor
经典的kindeditor	http://kindeditor
wysiwyg	http://www.bootcss/p/bootstrap-wysiwyg
一个有情怀的编辑器。Bach’s Editor	http://integ.github.io/BachEditor
tower用的编辑器	https://github/mycolorway/simditor
summernote 编辑器	https://github/summernote/summernote
html5编辑器	http://neilj.github.io/Squire
Quilljs编辑器	http://quilljs
wangEditor	https://github/wangfupeng1988/wangEditor

前端概述

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

pc图轮

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

移动端图轮

移动端图轮	地址
滑屏效果	http://www.idangero.us/swiper
全屏fullpage	https://github/peunzhang/fullpage
单个图片切换	https://github/qiqiboy/touchslider
单个全屏切换	https://github/peunzhang/slip.js
单个全屏切换	https://github/peunzhang/iSlider
滑屏效果	https://github/saw/touch-interfaces
旋转拖动设置	http://baijs/tinycircleslider
类似于swipe切换	http://touchslider
支持多种形式的触摸滑动	http://www.swiper/demo/index.html
滑屏效果	https://github/joker-ye/main/blob/master/wap/index.html
大话主席pc移动图片轮换	http://www.superslide2
滑屏效果	https://github/hahnzhu/parallax.js
基于zepto的fullpage	https://github/yanhaijing/zepto.fullpage
[WebApp]定宽网页设计下，固定宽度布局开发WebApp并实现多终端下WebApp布局自适应	http://wwwblogs/plums/archive/2013/01/10/WebApp-fixed-width-layout-of-multi-terminal-adapter-since.html
判断微信客户端的那些坑	http://loo2k/blog/detecting-wechat-client
可以通过javascript直接调用原生分享的工具	https://github/JefferyWang/nativeShare.js
JiaThis 分享到微信代码	http://www.jiathis/help/html/weixin-share-code
聊聊移动端跨平台开发的各种技术	http://fex.baidu/blog/2015/05/cross-mobile
前端自动化测试	http://www.zhihu/question/29922082
多种轮换图片	http://ajccom.github.io/niceslider
滑动侧边栏	https://mango.github.io/slideout

文件上传

文件上传	地址
百度上传组件	http://fex.baidu/webuploader
上传	https://blueimp.github.io/jQuery-File-Upload
flash 头像上传	http://www.hdfu
图片上传预览	http://www.dropzonejs
图片裁剪	http://elemefe.github.io/image-cropper
图片裁剪-shearphoto	http://www.shearphoto
jQuery图片处理	http://www.oschina/project/tag/284/jquery-image-tools?lang=0&os=0&sort=view&p=2

模拟select

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

取色插件

取色插件	地址
类似 Photoshop 的界面取色插件	http://www.jq22/plugin/367
jquery color	https://github/jquery/jquery-color
取色插件集合	http://www.oschina/project/tag/287/color-picker
farbtastic 圆环＋正方形	https://github/mattfarina/farbtastic

城市联动

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

剪贴板

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

简繁转换

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

表格 Grid

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

在线演示

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

常规优化

常规优化	地址
Javascript高性能动画与页面渲染	http://www.infoq/cn/articles/javascript-high-performance-animation-and-page-rendering
移动H5前端性能优化指南	http://isux.tencent/h5-performance.html
5173首页前端性能优化实践	http://ued.5173/?p=1731
给网页设计师和前端开发者看的前端性能优化	http://www.uisdc/front-end-performance-for-web-designers-and-front-end-developers
复杂应用的 CSS 性能分析和优化建议	http://www.orzpoint/profiling-css-and-optimization-notes
张鑫旭——前端性能	张鑫旭——前端性能
前端性能监控总结	http://www.xiaoqiang/javascript/font-end-performance-monitor.html
网站性能优化之CSS无图片技术	网站性能优化之CSS无图片技术
web前端性能优化进阶路	web前端性能优化进阶路
前端技术：网站性能优化之CSS无图片技术	http://my.eoe/tuwandou/archive/4544.html
浏览器的加载与页面性能优化	http://www.baiduux/blog/2011/02/15/browser-loading
页面加载中的图片性能优化	http://www.w3ctech/p/1503
Hey——前端性能	Hey——前端性能
html优化	html优化
99css——性能	99css——性能
YSLOW中文介绍	http://wwwblogs/yslow
转一篇Yahoo关于网站性能优化的文章，兼谈本站要做的优化	http://www.360ito/article/40.html
Yahoo!团队实践分享：网站性能	http://www.360doc/content/10/0928/09/2588264_56971287.shtml
网站性能优化指南：什么使我们的网站变慢？	http://blog.jiasule/i/153
网站性能优化实践，减少加载时间，提高用户体验	http://www.powereasy/helpyou/knowledge/ecommerce/9593.html
前端重构实践之如何对网站性能优化？	http://www.adinnet/blog/designview/2012-7-12/678.html
前端性能优化：使用媒体查询加载指定大小的背景图片	http://www.gbin1/technology/javascript/20130708-front-end-performance-optimization-9
网站性能系列博文	http://www.mykuer/post/factors-that-affect-the-speed-of-web-site-open.html
加载，不只是少一点点	http://tgideas.qq/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml
前端性能的测试与优化	http://mzhou.me/article/95310
分享网页加载速度优化的一些技巧？	http://www.gbin1/technology/html/20130217-tips-for-speed-up-page-loading
web前端优化(基于Yslow	http://www.tcreator.info/webSchool/website/Front-end-Opt-Yslow.html
网站性能优化工具大全	https://www.qianduan/website-performance-optimization-tool.html
【高性能前端1】高性能HTML	http://www.alloyteam/2012/10/high-performance-html
【高性能前端2】高性能CSS	http://www.alloyteam/2012/10/high-performance-css
由12306谈谈网站前端性能和后端性能优化	http://coolshell/articles/6470.html
AlloyTeam——前端优化	AlloyTeam——前端优化
毫秒必争，前端网页性能最佳实践	http://wwwblogs/developersupport/p/3248695.html
网站性能工具Yslow的使用方法	http://blog.sina/s/blog_6e9d2e0701017kvu.html
前端工程与性能优化（上）：静态资源版本更新与缓存	http://www.infoq/cn/articles/front-end-engineering-and-performance-optimization-part1
前端工程与性能优化（下）：静态资源管理与模板框架	http://www.infoq/cn/articles/front-end-engineering-and-performance-optimization-part2
HTTPS连接的前几毫秒发生了什么	http://blog.jobbole/48369
Yslow	http://uicss/yslow/#more-12319
Essential Web Performance Metrics — A Primer, Part 1	http://blog.smartbear/web-performance/essential-web-performance-metrics-a-primer-part-1
Essential Web Performance Metrics — Part 2	http://blog.smartbear/performance/essential-web-performance-metrics-part-2
YUISlide,针对移动设备的动画性能优化	http://jayli.github.io/blog/data/2011/12/23/yuislide.html
Improving Site Performance	http://joelglovier/improving-site-performance
让网站提速的最佳前端实践	http://segmentfault/a/1190000000367899
Why Website Speed is Important	http://sixrevisions/web-development/why-website-speed-is-important
Need for Speed – How to Improve your Website Performance	https://www.devbridge/articles/need-for-speed-how-to-improve-your-website-performance
阿里无线前端性能优化指南 (Pt.1 加载期优化）	https://github/amfe/article/issues/1

优化工具

优化工具	地址
JavaScript 性能分析新工具 OneProfile	http://www.html-js/article/3083
JavaScript 堆内存分析新工具 OneHeap	http://www.html-js/article/3091

在线工具

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

前端架构

前端架构	地址
技术架构	http://www.zhihu/topic/19612641
前端架构	http://saito.im/note/The-Architecture-of-F2E
如何成为前端架构师	http://www.zhihu/question/24092572
关于前端架构-张克军	http://hikejun/sharing/2010webrebuild/?file=fe-infrastructure.html
百度腾讯offer比较（腾讯游戏VS百度基础架构）	http://www.zhihu/question/25583350

简历模板

简历模板	地址
简历	http://hcy2367.github.io/resume
简历	https://github/hacke2/ResumeSample
马斯特	http://pinkyjie/resume
张秋怡	https://joyeecheung.github.io/resume/
翁天信	http://blog.dandyweng/2013/07/how-my-website-was-created
动画方式的简历	http://www.webhek/misc/interactive-resume
组件丰富简历	http://www.linqing07/resume.html
haorooms博客	http://www.haorooms/about

面试题

面试题	地址
那几个月在找工作（百度，网易游戏）	http://www.nowcoder/discuss/3196
2014最新面试题	http://www.html-js/article/1743
2016校招内推 – 阿里巴巴前端 – 三面面试经历	http://wwwblogs/imwtr/p/4685546.html
年后跳槽那点事：乐视+金山+360面试之行	http://wwwblogs/lvdabao/p/3660707.html
Interviewing a front-end developer	http://blog.sourcing.io/interview-questions
拉勾网js面试题	http://wwwblogs/52cik/p/js-question-lg.html
前端面试	http://wwwblogs/allenxing/p/3724382.html
Web开发笔试面试题大全	http://mianshiti.diandian
前端开发面试题	http://segmentfault/a/1190000000465431
2014最新前端面试题	https://github/markyun/My-blog/tree/master/Front-end-Developer-Questions
百度面试	https://github/fex-team/interview-questions
前端工作面试问题	https://github/darcyclarke/Front-end-Developer-Interview-Questions/tree/master/Chinese
前端开发面试题	http://segmentfault/a/1190000000465431
5个经典的前端面试问题	5个经典的前端面试问题
最全前端面试问题及答案总结	http://segmentfault/a/1190000002562454
如何面试一名前端开发工程师？	http://www.html-js/article/Large-search-front-team-column%202961
史上最全前端开发面试问题及答案整理	https://github/hawx1993/Front-end-Interview-questions
前端实习生面试总结	http://wwwblogs/xiaoruo/p/4665163.html
史上最全前端开发面试问题及答案整理	https://github/hawx1993/Front-end-Interview-questions
BAT及各大互联网公司2014前端笔试面试题：JavaScript篇	http://blog.jobbole/78738
前端开发面试题大收集	https://github/paddingme/Front-end-Web-Development-Interview-Question
收集的前端面试题和答案	https://github/qiu-deqing/FE-interview
如何面试前端工程师	http://www.zhihu/question/19568008
前端开发面试题	https://github/markyun/My-blog/blob/master/Front-end-Developer-Questions/Questions-and-Answers/README.md
牛客网-笔试面经	http://www.nowcoder/discuss?type=2

iconfont

iconfont	地址
中文字体	http://www.zhihu/question/21253343
淘宝字库	http://iconfont
字体	http://mux.alimama/fonts
制作教程	http://iconfont/help/platform.html
zhangxinxu-icommon	http://www.zhangxinxu/wordpress/?s=icomoon
icommon	https://icomoon.io/app
用字体在网页中画ICON图标(推荐教程	http://imooc/learn/243
字体压缩工具	http://font-spider

Fiddler

Fiddler	地址
Fiddler调式使用知多少(一深入研究	http://wwwblogs/tugenhua0707/p/4623317.html
微信fiddle	http://wwwblogs/strick/p/4570006.html
微信fiddle	http://gaoboy/article/26.html

Chrome

Chrome	地址
Google Chrome 官方	https://developer.chrome/devtools
如何更好地运用 Chrome (Google)	https://jeffjade/2017/05/01/122-how-to-better-use-google_chrome/
Chrome - 基础	http://wwwblogs/constantince/p/4565261.html
Chrome - 进阶	http://wwwblogs/constantince/p/4579121.html
Chrome - 性能	http://wwwblogs/constantince/p/4585983.html
Chrome - 性能进阶	http://wwwblogs/constantince/p/4607497.html
Chrome - 移动	http://wwwblogs/constantince/p/4624241.html
Chrome - 使用技巧	http://wwwblogs/liyunhua/p/4544738.html
Chrome - Console控制台不完全指南	http://wwwblogs/Wayou/p/chrome-console-tips-and-tricks.html
Chrome - Workspace使浏览器变成IDE	http://c7sky/chrome-devtools-workspace.html
network面板	http://www.html-js/article/Nothing-blind%202975
chrome开发工具快捷键	http://anti-code/devtools-cheatsheet
chrome调试工具常用功能整理	http://www.html-js/article/2327
Chrome 开发工具 Workspace 使用	http://www.iinterest/2014/05/09/chrome-dev-tool-workspace
Chrome神器Vimium快捷键学习记录	http://www.cppblog/deercoder/archive/2011/10/22/158886.html
sass调试-w3cplus	http://www.w3cplus/sassguide/debug.html
如何更专业的使用Chrome开发者工具-w3cplus	http://www.w3cplus/tools/how-to-use-chrome-devtools-like-a-pro.html
chrome调试canvas	http://sentsin/web/253.html
chrome profiles1	https://developer.chrome/devtools/index
chrome profiles3	http://www.oschina/translate/performance-optimisation-with-timeline-profiles
chrome移动版调试	https://developer.chrome/devtools/docs/mobile-emulation
chrome调试	http://ued.taobao/blog/2012/06/debug-with-chrome-dev-tool
chrome的调试	http://wwwblogs/QLeelulu/archive/2011/08/28/2156402.html
chrome console 命令详解	https://developer.chrome/devtools/docs/commandline-api
查看事件绑定1	http://wwwblogs/leonkao/p/3809655.html
查看事件绑定2	http://wwwblogs/xiaoyao2011/p/3447421.html
神器——Chrome开发者工具(一）	http://segmentfault/a/1190000000683599
奇趣百科性能优化(Chrome DevTools 中的 Timeline Profils 等工具使用介绍	https://xinranliu.me/2015-05-22-qiqu-performance
chrome 开发者工具的 15 个小技巧	http://frontenddev/link/15-tips-of-chrome-developer-tools.html
Chrome开发者工具不完全指南	http://1ke.co/course/361
Chrome 开发者工具使用技巧	http://segmentfault/a/1190000003882567

Firebug

Firebug	地址
firebug视频教程	http://www.imooc/learn/137
firefox 模拟器	https://developer.mozilla/zh-CN/docs/Tools/WebIDE
console.log 命令详解	http://wwwblogs/ctriphire/p/4116207.html
Firebug入门指南	http://www.ruanyifeng/blog/2008/06/firebug_tutorial.html
Firebug控制台详解	http://www.ruanyifeng/blog/2011/03/firebug_console_tutorial.html

移动,微信调试

移动,微信调试	地址
浏览器端调试安卓	https://openstf.github.io
移动端前端开发调试	http://yujiangshui/multidevice-frontend-debug
使用 Chrome 远程调试 Android 设备	https://github/yujiangshui/CN-Chrome-DevTools/blob/remote-debugging/md/Use-Tools/remote-debugging.md
mac移动端调试	http://plus.uc/document/webapp/doc5.html
mac移动端调试	http://www.mihtool
无线调试攻略	http://thx.github.io/mobile/debugging-in-mobile
无线调试攻略	http://yanhaijing/mobile/2014/12/17/web-debug-for-mobile
屌爆了,完美调试微信webview(x5)	http://www.jianshu/p/ccf124f1f74b
微信调试的那些事	微信调试的那些事
远程console	http://jsconsole
微信调试工具	http://blog.qqbrowser
各种真机远程调试方法汇总	https://github/jieyou/remote_inspect_web_on_real_device

iOS Simulator

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

Image

img	地址
loading img	http://preloaders/en/circular
智图-图片优化平台	http://zhitu.isux.us
在线png优化	https://tinypng
SM.MS(图床工具～简易好用)	https://sm.ms/
yutuku：极简图床	http://yotuku/
Qchan图床	http://tuchuang/

浏览器同步

浏览器同步	地址
puer	https://github/leeluolee/puer
liveReload	http://livereload
f5	http://getf5
File Watchers	http://geek100/2608

在线PPT制作

在线PPT制作	地址
nodePPT	nodePPT
Cleaver快速制作网页PPT	http://www.jeffjade/2015/10/15/2015-10-16-cleaver-make-ppt/
impress.js	http://wwwblogs/Darren_code/archive/2013/01/04/impressjs.html
PPT	https://github/ksky521/nodePPT
reveal	https://github/hakimel/reveal.js
bespoke-fx	https://github/ebow/bespoke-fx
slippy	https://github/Seldaek/slippy

前端导航网站

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

常用CDN

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

Git

Git	地址
git-scm	http://git-scm
廖雪峰-Git教程	廖雪峰-Git教程
git-for-windows	https://git-for-windows.github.io
GitHub 添加 SSH keys	http://daemon369.github.io/git/2015/03/10/add-ssh-keys-for-github
gogithub	http://www.worldhello/gotgithub/index.html
git常规命令练习	http://pcottle.github.io/learnGitBranching
git的资料整理	https://github/xirong/my-git
我所记录的git命令（非常实用）	http://wwwblogs/fanfan259/p/4810517.html
企业开发git工作流模式探索部分休整	https://github/xirong/my-git/blob/master/git-workflow-tutorial.md
GitHub 漫游指南	https://github/phodal/github-roam
GitHub秘籍	https://github/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md
使用git和github进行协同开发流程	http://livoras/post/28
动画方式练习git	http://onlywei.github.io/explain-git-with-d3

各种日期日历

各种日期日历	地址
经典my97	http://www.my97/dp/demo/index.html
强大的独立日期选择器	http://wwwblogs/gbin1/archive/2012/04/16/2452105.html
fullcalendar	http://fullcalendar.io
fullcalendar日历控件知识点集合	http://blog.csdn/francislaw/article/details/7740630
中文api	http://blog.sina/s/blog_9475b1c101012c5f.html
农历日历	https://github/zzyss86/LunarCalendar
超酷的仿百度带节日日历老黄历控件	http://www.sucaisj/jiaoben/date/201509/16856.html
日期格式化	http://momentjs
大牛日历控件	https://github/Johnqing/QPAYCalendar
我群某管理作品	https://github/Iamlars/dateMarker
input按位替换-官网	http://digitalbush/projects/masked-input-plugin
input按位替换-github	https://github/digitalBush/jquery.maskedinput/tree/1.2.2
bootstrap-daterangepicker	https://github/dangrossman/bootstrap-daterangepicker
国外30个插件集合	http://www.vandelaydesign/30-best-free-jquery-plugins
JavaScript datepicker	http://dbushell/2012/10/09/pikaday-javascript-datepicker
Datepair.js	http://jonthornton.github.io/Datepair.js
一个风格多样的日历	https://github/glad/glDatePicker
弹出层式的全日历	http://amsul.ca/pickadate.js/date
jquery双日历	http://www.daterangepicker
大气实用jQuery手机移动端日历日期选择插件	http://www.frankdemo/index.php?c=content&a=show&id=115
jQuery Mobile 移动开发中的日期插件Mobiscroll	https://mobiscroll

Date library

Date library	地址
Datejs	https://github/datejs/Datejs
sugarjs	http://sugarjs/api/Date

其它

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

效果类

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

弹出层

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

优秀JavaScript项目

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

综合类API
• 开发中心
• mozilla js参考
• chrome开发中心（chrome的内核已转向blink）
• safari开发中心
• microsoft js参考
• js秘密花园
• js秘密花园
• w3help 综合Bug集合网站
• 综合搜索
• javascripting
• 各种流行库搜索
• 综合API
• runoob-包含各种API集合
• 开源中国在线API文档合集
• devdocs 英文综合API网站
jQuery
• jQuery API 中文文档
• hemin 在线版
• css88 jq api
• css88 jqui api
• 学习jquery
• jquery 源码查找
Ecmascript
• Understanding ECMAScript 6 - Nicholas C. Zakas
• exploring-es6
• exploring-es6翻译
• exploring-es6翻译后预览
• 阮一峰 es6
• 阮一峰 Javascript
• ECMA-262，第 5 版
• es5
Js template
• template-chooser
• artTemplate
• tomdjs
• 淘宝模板juicer模板
• Fxtpl v1.0 繁星前端模板引擎
• laytpl
• mozilla - nunjucks
• Juicer
• dustjs
• etpl
• twitter-tpl
弹出层
• artDialog 最新版
• artDialog 文档
• google code 下载地址
• 贤心弹出层
• 响应式用户交互组件库
• sweetalert-有css3动画弹出层
CSS
• CSS 语法参考
• CSS3动画手册
• 腾讯css3动画制作工具
• 志爷css小工具集合
• css3 js 移动大杂烩
• bouncejs 触摸库
• css3 按钮动画
• animate.css
• 全局CSS的终结(狗带) [译]
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学习笔记
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组件化开发
移动端API
• API
• 99移动端知识集合
• 移动端前端开发知识库
• 移动前端的一些坑和解决方法（外观表现）
• 【原】移动web资源整理
• zepto 1.0 中文手册
• zepto 1.0 中文手册
• zepto 1.1.2
• zepto 中文注释
• jqmobile 手册
• 移动浏览器开发集合
• 移动开发大杂烩
• 微信webview中的一些问题
• 框架
• 特色的HTML框架可以创建精美的iOS应用
• 淘宝SUI
avalon
• avalonjs
• Avalon新一代UI库： OniUI
• avalon.oniui-基于avalon的组件库
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入门参考
• gitbook 国外的在线markdown可编辑成书
• mdeditor 一款国内的在线markdown编辑器
• stackedit 国外的在线markdown编辑器，功能强大，同步云盘
• mditor 一款轻量级的markdown编辑器
• lepture-editor
• markdown-editor
D3
• d3 Tutorials
• Gallery
• lofter
• iteye
• ruanyifeng
兼容性
• esma 兼容列表
• W3C CSS验证服务
• caniuse
• csscreator
• microsoft
• 在线测兼容-移动端
• emulators
UI相关
• bootcss
• MetroUICSS
• semantic
• Buttons
• kitecss
• pintuer
• amazeui
• worldhello
• linuxtoy
• gitmagic
• rogerdudler
• gitref
• book
• gogojimmy
HTTP
• HTTP API 设计指南
其它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 库
图表类
• Highcharts 中文API
• Highcharts 英文API
• ECharts 百度的图表软件
• 高德地图
• 开源的矢量图脚本框架
• svg 地图
vue
• Vue
• Vue 论坛
• Vue 入门指南
• Vue 的一些资源索引
正则
• JS正则表达式元字符
• 正则表达式30分钟入门教程
• MDN-正则表达式
• ruanyifeng - RegExp对象
• 小胡子哥 - 进阶正则表达式
• is.js
• 正则在线测试
ionic
• ionic
其它
• 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 开发规范与应用

八. 其它收集

各大公司开源项目
• Facebook Projects
• 百度web前端研发部
• 百度EFE
• 百度github
• alloyteam
• alloyteam-github
• alloyteam-AlloyGameEngine
• AlloyDesigner 即时修改，即时保存，设计稿较正，其它开发辅助工具
• H5交互页编辑器AEditor介绍 H5动画交互页开发的工具介绍
• AEditor H5动画交互页开发的工具
• maka
• 值得订阅的weekly
• 腾讯html5
• 奇舞团开源项目
• Qunar UED
Javascript
• 常用
• ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性
• 模拟键盘
• 拼音
• 中国个人身份证号验证
• 算法
• 数据结构与算法 JavaScript 描述. 章节练习
• 常见排序算法（JS版）
• 经典排序
• 常见排序算法-js版本
• JavaScript 算法与数据结构精华集
• 面试常考算法题精讲
• 移动端
• fastclick
• no-click-delay
• JSON
• 模拟生成JSON数据
• 返回跨域JSONAPI
Html5
• HTML5 有哪些让你惊艳的 demo？
• html5 Canvas画图系列教程目录
CSS
• browserhacks
jQuery
• 焦点图
• myfocus
• myfocus-官方演示站
• SuperSlidev2.1 – 大话主席
• soChange
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
页面社会化分享功能
• 百度分享 pc端
• JiaThis pc端
• 社会化分享组件移动端
• ShareSDK 轻松实现社会化功能移动端
• 友盟分享移动端
富文本编辑器
• 百度 ueditor
• 经典的ckeditor
• 经典的kindeditor
• wysiwyg
• 一个有情怀的编辑器。Bach’s Editor
• tower用的编辑器
• summernote 编辑器
• html5编辑器
• XEditor
• wangEditor
• Trumbowyg - 轻量编辑器
日历
• PC
• 经典my97
• 强大的独立日期选择器
• fullcalendar
• fullcalendar日历控件知识点集合
• 中文api
• 农历日历
• 超酷的仿百度带节日日历老黄历控件
• 日期格式化
• 大牛日历控件
• 我群某管理作品
• input按位替换-官网
• input按位替换-github
• bootstrap-daterangepicker
• 国外30个插件集合
• JavaScript datepicker
• Datepair.js
• 一个风格多样的日历
• 弹出层式的全日历
• jquery双日历
• 移动
• 大气实用jQuery手机移动端日历日期选择插件
• jQuery Mobile 移动开发中的日期插件Mobiscroll
• Date library
• Datejs
• sugarjs
综合效果搜索平台
• 效果网
• 17素材
• 常用的JavaScript代码片段
前端工程化
• 概述
• 前端工具大全
• 什么是前端工程化
• 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指南
轮播图
• pc图轮
• 单屏轮播sochange
• 左右按钮多图切换
• fullpage全屏轮播
• 移动端
• 无缝切换
• 滑屏效果
• 全屏fullpage
• 单个图片切换
• 单个全屏切换
• 百度的切换库
• 单个全屏切换
• 滑屏效果
• 旋转拖动设置
• 类似于swipe切换
• 支持多种形式的触摸滑动
• 滑屏效果
• 大话主席pc移动图片轮换
• 滑屏效果
• 基于zepto的fullpage
• [WebApp]定宽网页设计下，固定宽度布局开发WebApp并实现多终端下WebApp布局自适应
• 判断微信客户端的那些坑
• 可以通过javascript直接调用原生分享的工具
• JiaThis 分享到微信代码
• 聊聊移动端跨平台开发的各种技术
• 前端自动化测试
• 多种轮换图片
• 滑动侧边栏
文件上传
• 百度上传组件
• 上传
• flash 头像上传
• 图片上传预览
• 图片裁剪
• 图片裁剪-shearphoto
• jQuery图片处理
模拟select
• 糖饼 select
• flexselect
• 双select
• select2
取色插件
• 类似 Photoshop 的界面取色插件
• jquery color
• 取色插件集合
• farbtastic 圆环＋正方形
城市联动
• jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果
剪贴板
• 剪贴板
• clipboard 最新的剪切方案
简繁转换
• 简繁转换
表格 Grid
• facebook表格
• 类似于Excel编辑表格-handsontable
• bootstrap-table插件
• datatables
在线演示
• js 在线编辑 - runjs
• js 在线编辑 - jsbin
• js 在线编辑 - codepen
• js 在线编辑 - jsfiddle
• java 在线编辑 - ideone
• js 在线编辑 - hcharts
• js 在线编辑 - jsdm
• sql 在线编辑 - sqlfiddle
• mozilla 在线编辑器
播放器
• Html5 VideoPlayer
粒子动画
• Proton 烟花
表单验证
• 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百度基础架构）

十二. 个人作品

推荐作品
• winter代码片段需要FQ
• fgm
• 岑安作品集
• 当耐特demo集合
• 米空格 js作品
• myFocus
• SeaJS组件库
• 颜海镜作品
• 脚儿网作品
• javascript个人作品
• 妙味的雷东升游戏作品
• javascript作品集
• 云五笔，灰度产生生成工具
• 项目主页
• 个性的作品主页
• 播放器
• ucren js demos 集
• 智能社
• 实例陈列架
• zoye demo
• 王员外
• 平凡
• jyg 游戏案例
• 很多jquery插件
• 不羁虫 - soJs 作品系列
• frozenui
• 黑白棋
• fromone
群员作品
• 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小人
• [上海-玄沐]- 个人网站
• [厦门-二哲]- 个人博客
国外大牛精品
• 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框架小汇总
引用：
https://jeffjade/2016/03/30/104-front-end-tutorial/
https://github/nicejade/Front-end-tutorial
http://www.jqhtml/
https://github/niuwang/guide
https://nicelinks.site/

更多推荐

前端汇总（转载）

本文发布于:2023-06-14 05:52:00，感谢您对本站的认可！

本文链接:https://www.elefans.com/category/jswz/34/1444480.html

上一篇：车内秒变移动影院！爱奇艺APP“上车”一汽-大众
下一篇：李边界不保留元素(li border doesn't keep around element)

发布评论取消回复

评论列表（有 0 条评论）

推荐作品	地址
winter代码片段需要FQ	https://gist.github/wintercn
fgm	http://www.fgm/learn
岑安作品集	https://github/hongru/hongru.github
当耐特demo集合	http://kmdjs.github.io
米空格 js作品	http://www.laoshu133/Lab
myFocus	http://koen301.github.io
SeaJS组件库	http://panxuepeng.github.io/seajslib
颜海镜作品	http://yanhaijing/myProject
脚儿网作品	http://jo2/category/myworks
javascript个人作品	http://wwwitblog/yemoo/category/3107.html
妙味的雷东升游戏作品	http://bbs.miaov/forum.php?mod=viewthread&tid=7790
javascript作品集	http://bbs.csdn/topics/380227212
云五笔，灰度产生生成工具	https://github/TooBug/works
项目主页	http://koen301.github.io
个性的作品主页	http://zaole
ucren js demos 集	http://ucren/blog/demos
智能社	http://www.zhinengshe/works_list.html
实例陈列架	http://demos.shizuwu
zoye demo	http://zoye.sinaapp/demo
平凡	http://pingfan1990.sinaapp
jyg 游戏案例	http://www.lovewebgames
很多jquery插件	http://www.helloweba/list.html
不羁虫 - soJs 作品系列	http://www.bujichong/sojs/api/index.html
frozenui	http://frozenui.github.io/case.html
黑白棋	http://js-game.github.io/othello
fromone	http://yansm.github.io/fromone/index.html
pazguille	http://pazguille.me
Html5 VideoPlayer	https://github/zmmbreeze/DeadSimpleVideoPlayer
Proton 烟花	http://a-jie.github.io/Proton/#example

前端汇总（转载）

文章目录

前端汇总

一、概要

二、优秀的网站

三、前端技术分类综合

四、各类前端资源

综合类

入门类

工具类

综合效果搜索平台

团队Blog

开发中心

Nodejs

综合API

Ecmascript

Vue

Angularjs

React

Webpack

Gulp

Js template

HTML5(HTML)

CSS3(CSS)

移动端API

jQuery

D3

Requriejs

Seajs

Less,sass

Markdown

兼容性

UI相关

其它API

图表类

正则

前端规范

PHP

各大公司开源项目

常用

算法

移动端

JSON

焦点图

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

页面 社会化 分享功能

富文本编辑器

前端概述

pc图轮

移动端图轮

文件上传

模拟select

取色插件

城市联动

剪贴板

简繁转换

表格 Grid

在线演示

常规优化

优化工具

在线工具

前端架构

推荐作品

简历模板

面试题

iconfont

Fiddler

Chrome

Firebug

移动,微信调试

iOS Simulator

Image

浏览器同步

在线PPT制作

前端导航网站

常用CDN

Git

各种日期日历

Date library

其它

页面社会化分享功能