前端技术栈（概览）

作者：何幻
链接：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设计

快速软件开发

测试驱动开发

重构

人月神话

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

面向模式的软件架构

计算机程序的构造与解释

读书是一个愉快的过程。

转载于:https://www.cnblogs.com/ziyoublog/p/9324178.html