前端技术栈（概览）

做者：何幻
连接：https://www.zhihu.com/question/33179506/answer/75015013
来源：知乎
著做权归做者全部。商业转载请联系做者得到受权，非商业转载请注明出处。

读史令人明智。——弗兰西斯.培根

学习历史，

能够帮助咱们看清如今的决定，

并为之后的发展作好准备。

前端技术，是界面技术的一种应用。

字符界面DOS

图形界面GUI

浏览器界面Browser

前端项目，属于B/S类型的平台体系结构。

文件/服务器F/S

客户端/服务器C/S

浏览器/服务器B/S

JavaScript，是最流行的客户端技术，

其余的还有，Java-Applet Flash ActiveX Silverlight

Web前端，是网页技术一个发展阶段，

在这个过程当中，服务器端经历了，CGI，Web框架，MVC，

客户端经历了，HTML，CSS，AJAX，前端MVC，前端组件化。

JavaScript也推广到了服务器端，

服务器端脚本Node.js，

数据库MongoDB，

WebAppReact-Native，

桌面应用nw.js

总结

前端技术是一个处理人机交互的关键环节，

各类技术都汇聚于此，

随着云计算须要，以及移动设备的出现，

前端已经变的愈来愈丰富多彩，

大有平分天下的趋势。

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

前端技术栈

语言只是一种工具，对一个聪明的程序员来讲，用没用过什么工具主要是由他原来的工做须要决定，并不能表明他所有的技能。

——请不要说本身是XX程序员

前端技术浩如烟海，

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

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

精一行，必先通十行。

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

HTTP协议URI Cache Session Cookie Request Response

HTMLW3C HTML4.01 HTML5 DOM 语义化

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

JavaScriptEcmaScript3~5~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/PCReact-native ionic

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

因此，咱们须要很努力，才不会被淘汰。

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

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

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

C/Rust/Go

C#/Java

Scheme/Haskell

PHP/Python/Ruby

Prolog/Erlang

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

各类典型的编程泛型。

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

少争论多读书

思而不学则殆。——孔子

咱们之因此迷惑，不是由于缺乏思考，

而是缺乏学习。

前端的书籍愈来愈容易找到了，

除了EmcaScript语言规范以外，还有一些有趣的读物。

JavaScript权威指南

JavaScript高级程序设计

JavaScript语言精粹

JavaScript模式

JavaScript DOM高级程序设计

高性能JavaScript编程

JavaScript异步编程

JavaScript忍者的秘密

基于MVC的JavaScript Web富应用开发

jQuery权威指南

犀利开发jQuery内核详解与实践

jQuery Mobile权威指南

用AngularJS开发下一代Web应用

Node.js开发指南

高性能网站建设指南

响应式Web设计

快速软件开发

测试驱动开发

重构

人月神话

敏捷软件开发：原则，模式与实践

面向模式的软件架构

计算机程序的构造与解释

读书是一个愉快的过程。