<table class="text">
<tr class="li1"><td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331 图片的形式具有诸多的不便。缺失源图的我们，无法为此图贡献些什么，随着时间的迁移，或许有些技术点会发生改变，所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。 可视化效果 前端开发知识结构 前端工程师 浏览器 IE6/7/8/9/10/11 (Trident) Firefox (Gecko) Chrome/Chromium (Blink) Safari (WebKit) Opera (Blink) 编程语言 JavaScript/Node.js CoffeeScript TypeScript 切页面 HTML/HTML5 CSS/CSS3 Sass/LESS/Stylus PhotoShop/Paint.net/Fireworks/GIMP/Sketch 开发工具 编辑器和IDE VIM/Sublime Text2 Notepad++/EditPlus WebStorm Emacs EmacsWiki Brackets Atom Lime Text Light Table CodeBox TextMate Neovim Komodo IDE / Edit Eclipse Visual Studio/Visual Studio Code NetBeans Cloud9 IDE HBuilder Nuclide 调试工具 Firebug/Firecookie YSlow IEDeveloperToolbar/IETester Fiddler Chrome Dev Tools Dragonfly DebugBar Venkman 版本管理 Git/SVN/Mercurial Github/GitLab/Bitbucket/GitorIoUs/GNU Savannah/Launchpad/SourceForge/TeamForge 代码质量 Coding style JSLint/JSHint/jscs/ESLint CSSLint Markup Validation Service HTML Validators 单元测试 QUnit/Jasmine Mocha/Should/Chai/Expect Unit JS 自动化测试 WebDriver/Protractor/Karma Runner/Sahi phantomjs SourceLabs/BrowserStack 前端库/框架 jQuery/Underscore/Mootools/Prototype.js YUI3/Dojo/ExtJS/KISSY Backbone/KnockoutJS/Emberjs AngularJS Batarang Bootstrap Semantic UI Juice UI Web Atoms Polymer Dhtmlx qooxdoo React Brick vue.js 前端标准/规范 HTTP/1.1: RFCs 7230-7235 HTTP/2 ECMAScript3/5 ECMAScript6 W3C: DOM/BOM/XHTML/XML/JSON/JSONP/... CommonJS Modules/AMD HTML5/CSS3 Semantic Web MicroData RDFa Web Accessibility WCAG Role Attribute WAI-ARIA 性能 JSPerf YSlow 35 rules PageSpeed HTTPWatch DynaTrace's Ajax 高性能JavaScript SEO 编程知识储备 数据结构 OOP/AOP 原型链/作用域链 闭包 编程范型 设计模式 Javascript Tips 部署流程 压缩合并 YUI Compressor Google Clousure Complier UglifyJS CleanCSS 文档输出 JSDoc Dox/Doxmate/Grunt-Doxmate 项目构建工具 make/Ant GYP Grunt Gulp Yeoman FIS Mod 代码组织 类库模块化 CommonJS/AMD YUI3模块 webpack 业务逻辑模块化 bower/component 文件加载 LABjs SeaJS/Require.js 模块化预处理器 Browserify 安全 CSRF/XSS CSP Same-origin policy ADsafe/Caja/SandBox 移动Web HTML5/CSS3 响应式网页设计 Zeptojs/iScroll V5/Sencha Touch PhoneGap jQuery Mobile W3C Mobile Web Initiative W3C mobileOK Checker Open Mobile Alliance 前沿技术社区/会议 D2/WebRebuild NodeParty/W3CTech/HTML5梦工厂 JSConf/沪JS(JSConf.cn) QCon/Velocity/SDCC JSConf/NodeConf CSSConf YDN/YUIConf HybridApp WHATWG MDN codepen w3cplus CNode 计算机知识储备 编译原理 计算机网络 操作系统 算法原理 软件工程/软件测试原理 Unicode 软技能 知识管理/总结分享 沟通技巧/团队协作 需求管理/PM 交互设计/可用性/可访问性知识 可视化 SVG/Canvas/VML SVG: D3/Raphaël/Snap.svg/DataV Canvas: CreateJS/KineticJS WebGL/Three.JS 后端工程师 编程语言 C/C++/Java/PHP/Ruby/Python/... 网页服务器 Nginx Apache Lighttpd 数据库 sql MysqL/Postgresql/Oracle/DB2 MongoDB/CouchDB 数据缓存 Redis Memcached 文件缓存/代理 Varnish Squid 操作系统 Unix/Linux/OS X/Windows 数据结构 前端书籍推荐 ★越少越简单,越适合入门,★多的要么是难度比较高,要么是比较适合在后面看,比如讲性能之类的书. CSS Eric Meyer 谈 CSS（卷二）★★★ CSS权威指南 （第3版）★★ 精通CSS★★★ HTML & CSS设计与构建网站★ JavaScript JavaScript & jQuery交互式Web前端开发★ JavaScript DOM编程艺术 （第2版）★ JavaScript高级程序设计（第3版）★★ 锋利的jQuery★★ 高性能JavaScript★★★ JavaScript语言精粹★★★ JavaScript权威指南★★★ 编写可维护的JavaScript★★★ JAVASCRIPT语言精髓与编程实践★★★ Effective Javascript★★★ Secrets of the JavaScript Ninja★★★ JavaScript模式★★★ JavaScript设计模式★★★★ 基于MVC的JavaScript Web富应用开发★★★ 性能实践 Web性能实践日志★★★ Web性能权威指南★★★ 版本控制工具 版本控制之道 (git)★★ Pro Git★★★ Git权威指南★★★★ 后端书籍推荐 Linux管理 Linux 系统管理技术手册 鸟哥的 Linux 私房菜 Linux 101 Hacks UNIX Shell Scripting The Linux Command Line Linux Network Administrator's Guide Linux编程 Linux程序设计 Linux系统编程 Unix环境高级编程 Unix编程艺术 The Linux Programming Interface 程序员的自我修养 深入理解Linux内核 Unix网络编程 TCP/IP高级编程 C/C++ Linux C编程一站式学习 C和指针 C陷阱与缺陷 C专家编程 C语言核心技术 彻底搞定C指针 征服C指针 C++编程思想 高质量程序设计指南---C/C++语言 Inside the C++ Object Model A Tour of C++ The C++ Programming Language The C++ Standard Library - A Tutorial and Reference The C++ Standard (INCITS/ISO/IEC 14882-2011) Overview of the New C++ 前端工作面试 前端工作面试问题 内容贡献者 除了感谢Jayli提供了知识结构图的原本来，还感谢以下的内容贡献者们，结果由git-summary生成于2014-01-03： project : fks repo age : 1 year,3 months active : 53 days commits : 108 files : 4 authors : 56 Jackson Tian 51.9% 9 吴晓兰 8.3% 5 liyinkan 4.6% 3 chriscai 2.8% 3 fengxiaolong 2.8% 3 XiNGRZ 2.8% 2 monkadd 1.9% 2 Johnny 1.9% 2 weiwenqing 1.9% 2 Yinkan Li 1.9% 2 Copypeng 1.9% 2 左岸 1.9% 2 Jakukyo Friel 1.9% 2 Glowin 1.9% 1 李亚川 0.9% 1 Evan You 0.9% 1 Mickey 0.9% 1 Mickey- 0.9% 1 Qi Junyuan 0.9% 1 browsnet 0.9% 1 doabit 0.9% 1 guoxiangyang 0.9% 1 linkgod 0.9% 1 popomore 0.9% 1 vipzhicheng 0.9% 1 zhaqiang 0.9% 1 Colin Luo 0.9%
