前端技术栈

作为一名前端开发人员，可能会触碰的知识与技能点，包括浏览器、框架、类库、工具等。作为选择方向与努力的一个一个参考。

• Web前端开发技术栈
  • 浏览器
    • Internet Explorer
    • Chrome
    • Firefox
    • Safari
    • Opera
    • Edge
    • Netscape 💀
  • 渲染引擎
    • Trident (IE)
    • Blink / prev. WebKit (Chrome)
    • Gecko (Firefox)
    • WebKit (Safari)
    • Blink / prev. Presto (Opera)
    • EdgeHTML (Edge)
  • 脚本引擎
    • JScript (IE8- / ASP)
    • Chakra (IE9+ / Edge)
    • V8 (Chrome / Opera / Nodejs / MongoDB) [GitHub]
    • SpiderMonkey (Firefox)
    • JavaScriptCore (Safari)
  • 协议
    • HTTP/1.1
      • 链接
      • 会话
      • 授权
      • 请求
      • 响应
    • HTTP/2
      • 压缩
      • 打包
      • 服务器端推送
    • WebSocket
  • Web三剑客
    • HTML (HyperText Markup Language)
      • DOM
      • Element
      • Attribute
    • CSS (Cascading Style Sheets)
      • Selector
      • Priority
      • Specificity
      • Box Model
    • JavaScript
      • Prototype
      • Scope
      • Closure
      • JSON (JavaSript Object Notation)
      • AJAX (Asynchronous JavaScript and XML)
  • 标准
    • W3C
      • HTML
      • XHTML
      • CSS
      • XML
  • 运行时
    • Cookie
    • Local Cache
    • Session Storage
    • Local Storage
    • Components
      • Extensions
      • Plugins
    • Resources
      • Images
      • Icons
      • Fonts
      • Audios
      • Videos
  • 代码编辑器
    • Visual Studio Code (Linux & Mac) [GitHub]
    • Sublime Text
    • WebStorm
    • Atom [GitHub]
    • Vim
    • Emacs
    • Brackets [GitHub]
    • Light Table [GitHub]
    • Visual Studio
    • Dreamweaver
    • FrontPage / SharePoint Designer
  • 代码编译
    • 压缩
    • 编译
    • 合并
    • 混淆
    • 图像优化
    • 单元测试
  • 编译工具
    • Grunt [GitHub]
    • Gulp [GitHub]
    • Brunch [GitHub]
    • Yeoman
    • Broccoli [GitHub]
  • 调试工具
    • Developer Tools
    • Firebug [GitHub] 😇
  • JS 新领域
    • Node.js [GitHub]
    • Phantom.js [GitHub]
  • JS 编码质量与风格控制
    • JSLint [GitHub]
    • JSHint [GitHub]
    • jscs [GitHub]
    • Closure Linter
  • 包管理
    • npm [GitHub]
    • yarn [GitHub]
    • Bower [GitHub]
  • 测试
    • 工具
      • QUnit [GitHub]
      • Jasmine [GitHub]
      • Mocha [GitHub]
      • Selenium [GitHub]
      • WebDriverIO [GitHub]
      • Protractor
      • Chai [GitHub]
      • Sinon.JS [GitHub]
      • Karma [GitHub]
      • nodeunit [GitHub]
      • tape [GitHub]
      • nightmare [GitHub]
    • 在线工具
      • Sauce Labs
      • Browser Stack
      • Browser Shots
      • Browserling
      • Browser Sandbox
      • Cross Browser Testing
      • Browsera
      • SortSite
  • 库 / 框架
    • 工具库
      • Prototype [GitHub]
      • jQuery [GitHub]
      • Zepto [GitHub]
      • MooTool [GitHub]
    • 模块化
      • ES6 Module
      • CommonJS
        • webpack [GitHub]
        • browserify [GitHub]
      • AMD
        • RequireJS [GitHub]
      • UMD
        • umd [GitHub]
    • JS 框架
      • AngularJS [GitHub]
      • Backbone [GitHub]
      • Knockout [GitHub]
      • Ember [GitHub]
      • React [GitHub]
      • polymer [GitHub]
      • Deft.js [GitHub]
      • Vue [GitHub]
      • Riot [GitHub]
    • UI 框架
      • Bootstrap [GitHub]
      • Semantic UI [GitHub]
      • Foundation [GitHub]
      • Material UI [GitHub]
      • WinJS [GitHub]
      • Pure [GitHub]
      • Amaze UI [GitHub]
    • WebSocket
      • Socket.io [GitHub]
      • web-socket-js [GitHub]
    • 数据可视化
      • D3 [GitHub]
      • Echarts [GitHub]
      • HighCharts [GitHub]
      • Vis.js [GitHub]
      • Flot [GitHub]
    • WebGL
      • Three.js [GitHub]
      • Babylon.js [GitHub]
      • Pixi.js [GitHub]
    • CSS3 动画
      • Animate.css [GitHub]
      • bounce.js [GitHub]
      • Effeckt.css [GitHub]
      • move.js [GitHub]
    • CSS 重置
      • Normalize [GitHub]
    • 异步编程
      • ES6
        • Promise
        • Generator
      • ES7
        • yield
        • await
      • async [GitHub]
      • co [GitHub]
      • Promise
        • Bluebird [GitHub]
        • q [GitHub]
        • when.js [GitHub]
    • 函数式编程
      • bacon.js [GitHub]
      • immutable.js [GitHub]
      • ramda [GitHub]
      • underscore.js [GitHub]
      • lodash [GitHub]
      • ReactiveX [GitHub]
    • 手机 UI 框架
      • jQuery Mobile [GitHub]
      • Jo [GitHub]
      • Dojo Mobile
      • Lungo [GitHub]
  • CSS 预处理器
    • LESS
      • LESS [GitHub]
      • Hat [GitHub]
    • Sass(SCSS)
      • Compass [GitHub]
      • Bourbon [GitHub]
      • Gumby [GitHub]
    • Stylus
      • nib [GitHub]
  • 未来标准
    • babel [GitHub]
  • 模板引擎
    • Handlebars [GitHub]
    • Haml [GitHub]
    • Slim [GitHub]
    • Jade [GitHub]
    • Ejs
    • Spacebars
    • mustache [GitHub]
  • 最佳实践
    • SEO
    • Responsiveness
    • CDN
  • 安全
    • Sandbox
      • gf3 [GitHub]
    • XSS
      • XSS'OR [GitHub]
    • CORS
  • 中间语言
    • CoffeeScript [GitHub]
    • TypeScript [GitHub]
    • ClojureScript [GitHub]
    • JSX (Facebook)
  • 移动应用开发
    • PhoneGap / Cordova [GitHub]
    • MUI [GitHub]
    • React Native [GitHub]
    • Ionic [GitHub]
  • 桌面应用开发
    • Electron [GitHub]
    • NW.js [GitHub]
  • 多端技术
    • Weex [GitHub]
    • Rax [GitHub]
  • 小程序多端技术
    • Taro [GitHub]
    • megalo [Github]