Web前端知识技能大汇总教程.docx

Web前端知识技能大汇总  项目起源 图片的形式具有诸多的不便。缺失源图的我们，无法为此图贡献些什么，随着时间的迁移，或许有些技术点会发生改变，所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。  HYPERLINK /fks/fks_chart/ \t _blank 可视化效果 　前端开发知识结构 前端工程师 浏览器 IE6/ HYPERLINK /en-us/download/internet-explorer-7-details.aspx 7/ HYPERLINK /en-US/internet-explorer/downloads/ie-8 8/ HYPERLINK /en-US/internet-explorer/downloads/ie-9/worldwide-languages 9/ HYPERLINK /en-US/internet-explorer/ie-10-worldwide-languages 10/ HYPERLINK /en-US/internet-explorer/ie-11-worldwide-languages 11?(Trident)  HYPERLINK /en-US/ Firefox?(Gecko)  HYPERLINK /chrome Chrome/ HYPERLINK / Chromium?(Blink)  HYPERLINK /safari/ Safari?(WebKit)  HYPERLINK / Opera?(Blink) 编程语言  HYPERLINK /en-US/docs/JavaScript JavaScript/ HYPERLINK / Node.js  HYPERLINK / CoffeeScript  HYPERLINK / TypeScript 切页面  HYPERLINK /html/ HTML/ HYPERLINK /TR/html5/ HTML5  HYPERLINK /Style/CSS/ CSS/CSS3  HYPERLINK / Sass/ HYPERLINK / LESS/ HYPERLINK http://learnboost.github.io/stylus/ Stylus  HYPERLINK /products/photoshop PhotoShop/ HYPERLINK / P/ HYPERLINK /cn/products/fireworks.html Fireworks/ HYPERLINK / GIMP/ HYPERLINK /sketch/ Sketch 开发工具 编辑器和IDE  HYPERLINK / VIM/ HYPERLINK / Sublime Text2  HYPERLINK / Notepad++/ HYPERLINK / EditPlus  HYPERLINK /webstorm/ WebStorm  HYPERLINK /software/emacs/ Emacs? HYPERLINK / EmacsWiki  HYPERLINK http://brackets.io/ Brackets  HYPERLINK https://atom.io/ Atom  HYPERLINK / Lime Text  HYPERLINK / Light Table  HYPERLINK https://www.codebox.io/ Codebox  HYPERLINK / TextMate  HYPERLINK / Neovim  HYPERLINK /komodo-edit Komodo IDE / Edit  HYPERLINK / Eclipse  HYPERLINK / Visual Studio/ HYPERLINK / Visual Studio Code  HYPERLINK / NetBeans  HYPERLINK http://c9.io/ Cloud9 IDE  HYPERLINK http://www.dcloud.io/ HBuilder  HYPERLINK http://nuclide.io/ Nuclide 调试工具  HYPERLINK / Firebug/ HYPERLINK /en-US/firefox/addon/firecook