前端技术栈

1. 基础技术


  • 浏览器环境 IE6~8 IE9+ Chrome Firefox Safari Opera Edge

  • HTTP协议 URI Cache Session Cookie Request Response

  • HTML W3C HTML4.01 HTML5 DOM 语义化

  • CSS CSS1~3 选择器 盒模型 Flex 媒体检测 响应式 渲染引擎

  • JavaScript EcmaScript356 Lexical-scope prototype-chain AJAX js引擎

2. 进阶技术


  • 各种编辑器 Emacs Vim WebStorm Atom Sublime-Text

  • 发布部署流程 合并 压缩 单元测试 Node.js Grunt Gulp Yeoman Phantom JSLint

  • 框架类库 jQuery Zepto UnderScore Backbone Knockout React AngularJS

  • 模块管理 CommonJS Webpack

  • UI框架 BootStrap SemanticUI jQueryUI Foundation

  • 推送技术 WebSocket 轮询 长连接

  • 跨域技术 iframe JSONP CORS

  • 数据可视化 D3 Echarts HighCharts Canvas

  • 异步编程 Promise $.Deferred Generator

  • CSS预处理器 LESS SASS Stylus

  • 客户端模板 Handlebars Haml Jade Mustache

  • 相关语言 CoffeeScript TypeScript Dart WebAssembly

  • WebApp/PC React-native ionic

3. 其他需要了解的技术(各种后台语言)


  • 过程式语言 C/Rust/Go

  • 面向对象语言 C#/Java

  • 函数编程语言 Scheme/Haskell

  • 脚本语言 PHP/Python/Ruby

  • 逻辑编程语言 Prolog/Erlang

4. 附图


前端技术栈_第1张图片
web前端开发技术栈

前端技术栈_第2张图片

前端技术栈_第3张图片

5. 参考资料


  1. 前端技术栈(概览)
  2. 完整的前端技术栈是什么样子?
  3. https://github.com/unruledboy/WebFrontEndStack/blob/master/README.zh-cn.md
  4. 现代前端开发技术栈

你可能感兴趣的:(前端技术栈)