1. 正文

前端技术浩如烟海，

单纯JavaScript语言来说，也有数不清的细节，

为了有一个整体的印象，我们分类来看。

精一行，必先通十行。

浏览器环境 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 EcmaScript3₅6 Lexical-scope prototype-chain AJAX js引擎
编辑器 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

以上提到的这些，几乎成了前端程序员的标配了，

所以，我们需要很努力，才不会被淘汰。

JavaScript是一个动态弱类型的，原型继承的，函数式的编程语言，

掌握它并不简单，为了与服务器端程序员愉快的沟通，

我们还要再学习一些编程语言。

C/Rust/Go
C#/Java
Scheme/Haskell
PHP/Python/Ruby
Prolog/Erlang

包括命令式，面向对象，函数式，逻辑式，

各种典型的编程泛型。

2. 附图

web前端开发技术栈

3. 参考文档

4. 轻松一刻,提神醒脑

当你去银行取钱时都是连号，说明物价要涨了;
当平时爱说话的同学突然不说话了，说明老师来了;
当小县城出现了很多美女，说明外面扫黄了;
当所有人吃完饭不说话了，说明该你结账了;
当中了500W不知道怎么花，说明梦该醒了;
当你觉得你爱的人也爱你说明你想多了;
当多年没有联系的同学联系你了，说明他该结婚了;
当你看到我打了这么多字时,说明缘分已到,你该点赞了 :)