展开折叠

加载中...

Web 前端技术图谱

Web前端开发技术栈

浏览器
- Internet Explorer
- Chrome
- Firefox
- Safari
- Opera
- Edge
- Netscape ;-)
协议
- HTTP/1.1
  - 链接
  - 会话
  - 授权
  - 请求
  - 响应
- HTTP/2
  - 压缩
  - 打包
  - 服务器端推送
- WebSocket
Web三剑客
- HTML (HyperText Markup Language)
- CSS (Cascading Style Sheets)
- JavaScript
标准
- W3C
  - HTML
  - CSS
  - XHTML
  - XML
核心概念
- HTML
  - DOM
  - Element
  - Attribute
- JavaScript
- CSS
  - Selector
  - Priority
  - Specificity
  - Box Model
渲染引擎
- 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)
运行时
- Cookie
- Local Cache
- Session Storage
- Local Storage
- Components
  - Extensions
  - Plugins
- Resources
  - Images
  - Icons
  - Fonts
  - Audios
  - Videos
编辑器
- Sublime Text
- WebStorm
- Atom [GitHub]
- Vim
- Emacs
- Brackets [GitHub]
- Light Table [GitHub]
- Visual Studio
- Visual Studio Code (Linux & Mac) [GitHub]
- Dreamweaver ;-)
- FrontPage / SharePoint Designer ;-)
编译任务
- 精简
- 编译
- 合并
- 混淆
- 图像优化
- 单元测试
编译工具
- Grunt [GitHub]
- Gulp [GitHub]
- Brunch [GitHub]
- Yeoman
- Broccoli [GitHub]
调试
- Developer Tools
- Firebug [GitHub]
基础工具
- Node.js [GitHub]
- Phantom.js [GitHub]
- SpiderMonkey
质量控制
- JSLint [GitHub]
- JSHint [GitHub]
- jscs [GitHub]
- Closure Linter
包管理
- npm [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]
- 在线工具
库 / 框架
- 基础库
- 模块化
  - ES6 Module
  - CommonJS
    - webpack [GitHub]
    - browserify [GitHub]
  - AMD
    - RequireJS [GitHub]
  - UMD
    - umd [GitHub]
- 框架
  - AngularJS [GitHub]
  - Backbone [GitHub]
  - Knockout [GitHub]
  - Ember [GitHub]
  - React [GitHub]
  - polymer [GitHub]
  - Deft.js [GitHub]
  - Vue [GitHub]
  - Riot [GitHub]
- UI框架
- WebSocket
  - Socket.io [GitHub]
  - web-socket-js [GitHub]
- 数据可视化
  - D3 [GitHub]
  - Echarts [GitHub]
  - HighCharts [GitHub]
  - Vis.js [GitHub]
  - Flot [GitHub]
- WebGL
- CSS3 动画
- 流程控制
  - ES6
    - Promise
    - Generator
  - ES7
    - yield
    - await
  - async [GitHub]
  - co [GitHub]
  - Promise
    - Bluebird [GitHub]
    - q [GitHub]
    - when.js [GitHub]
- 函数式编程
- 手机 UI 框架
CSS 预处理器
- LESS
  - LESS [GitHub]
  - Hat [GitHub]
- Sass(SCSS)
- Stylus
  - nib [GitHub]
未来标准
- babel [GitHub]
模板引擎
- Handlebars [GitHub]
- Haml [GitHub]
- Slim [GitHub]
- Jade [GitHub]
- Ejs
- Spacebars
- mustache [GitHub]
统一化
- Normalize [GitHub]
- Reset
最佳实践
- SEO
- Responsiveness
- CDN
安全
- Sandbox
- XSS
- CORS
中间语言
- CoffeeScript [GitHub]
- TypeScript [GitHub]
- ClojureScript [GitHub]
- JSX (Facebook)
移动应用开发
- PhoneGap / Cordova [GitHub]
- MUI [GitHub]
- React Native [GitHub]
- Ionic [GitHub]
桌面应用开发
- Electron [GitHub]
- NW.js [GitHub]

还没有评论.