前端技術棧（概覽）

做者：何幻
連接：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設計

快速軟件開發

測試驅動開發

重構

人月神話

敏捷軟件開發：原則，模式與實踐

面向模式的軟件架構

計算機程序的構造與解釋

讀書是一個愉快的過程。