前端程序員的自我修養

一 前端是什麼?

 

前端技術，是界面技術的一種應用。

字符界面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，

WebApp React-Native，

桌面應用 nw.js

前端技術是一個處理人機交互的關鍵環節，各類技術都匯聚於此，隨着雲計算須要，以及移動設備的出現，前端已經變的愈來愈豐富多彩，大有平分天下的趨勢。

 

二 前端必備技能

瀏覽器環境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.zhihu.com/question/33179506/answer/75015013