前端技能树（初定）

前端技能树(非常详细版！持续更新！) 密码josie

技能树知识点推荐了解：

• 浏览器
  • IE6/7/8/9/10/11 (Trident)
  • Firefox (Gecko)
  • Chrome/Chromium (Blink)
  • Safari (WebKit)
  • Opera (Blink)
• 编程语言
  • JavaScript/Node.js
  • TypeScript
• 切页面
  • HTML/HTML5
  • CSS/CSS3
  • PhotoShop/Paint.net/Fireworks/GIMP
• 开发工具
  • 编辑器和IDE
    • VS Code
    • VIM/Sublime Text2
    • Notepad++/EditPlus
    • WebStorm
    • Emacs EmacsWiki
    • Brackets
    • Komodo IDE / Edit
    • Eclipse
    • Visual Studio
    • NetBeans
    • Cloud9 IDE
  • 调试工具
    • Firebug/Firecookie
    • YSlow
    • IEDeveloperToolbar/IETester
    • Fiddler
    • Chrome Dev Tools
    • Dragonfly
    • DebugBar
    • Venkman
  • 版本管理
    • Git/SVN/Mercurial
    • Github/Bitbucket/Google Code/Gitorious/GNU Savannah/Launchpad/SourceForge
    • Gitflow
  • 包管理
    • npm
    • yarn
• 代码质量
  • Coding style
    • JSLint/JSHint/jscs
    • CSSLint
    • Markup Validation Service
  • 单元测试
    • QUnit/Jasmine
    • Mocha/Should/Chai/Expect
    • Unit JS
  • 自动化测试
    • WebDriver/Karma Runner/Sahi
    • phantomjs
• 前端库/框架
  • jQuery/Underscore/Mootools/Prototype.js
  • Dojo/ExtJS/KISSY
  • Backbone/KnockoutJS/Emberjs
  • Vue/React/AngularJS
  • Batarang
  • Bootstrap/Element
  • Semantic UI
  • Juice UI
  • Web Atoms
  • Lodash
• 前端标准/规范
  • HTTP1.1/HTTP2.0
  • ECMAScript3/5
  • W3C/DOM/BOM/XHTML/XML/JSON/JSONP
  • CommonJS Modules/AMD/ES6 Module
  • HTML5/CSS3
• 性能
  • YSlow 35 rules
  • PageSpeed
  • HTTPWatch
  • DynaTrace's Ajax
  • 高性能JavaScript
• 编程知识储备
  • 数据结构
  • OOP/AOP
  • 原型链/作用域链
  • 闭包
  • 编程范型
  • 设计模式
  • Javascript Tips
• 部署流程
  • 压缩合并
    • YUI Compressor
    • Google Clousure Complier
    • UglifyJS
    • CleanCSS
  • 文档输出
    • JSDoc
    • Dox/Doxmate/Grunt-Doxmate
  • 项目构建工具
    • make/Ant
    • GYP
    • Grunt
    • Yeoman
    • FIS
    • Mod
    • Webpack/Gulp/Rollup
• 代码组织
  • 类库模块化
    • CommonJS/AMD/ES6 Module
    • YUI3模块
  • 业务逻辑模块化webrebuild
    • bower/component
  • 文件加载
    • LABjs
    • SeaJS/Require.js
  • 模块化预处理器
    • Browserify
• 安全
  • CSRF/XSS
  • ADsafe/Caja/Sandbox
• 移动Web
  • HTML5/CSS3
  • 响应式网页设计
  • Zeptojs
  • V5/Sencha Touch
  • PhoneGap
  • jQuery Mobile
• 前沿技术社区/会议
  • D2
  • NodeParty/W3CTech/HTML5梦工厂
  • JSConf/沪JS(JSConf.cn)
  • QCon/Velocity/SDCC
  • JSConf/NodeConf
  • CSSConf
  • YDN/YUIConf
  • HybridApp
  • WHATWG
• 计算机知识储备
  • 编译原理
  • 计算机网络
  • 操作系统
  • 算法原理
  • 软件工程/软件测试原理
• 软技能
  • 知识管理/总结分享
  • 沟通技巧/团队协作
  • 需求管理/PM
  • 交互设计/可用性/可访问性知识
• 可视化
  • SVG/Canvas/VML
  • SVG: [D3]博学(http:/博学/d3js.org/)/Raphaël/Snap.svg/DataV
  • Canvas: CreateJS/KineticJS
  • ECharts
  • Three.js ： 轻量级的3D库。默认的WebGL渲染器，该库还在示例中提供了Canvas 2D，SVG和CSS3D渲染器。
• node生态
  • express
  • Koa
  • eggjs
  • Next/Nuxt/Nest