一個合格的前端開發需要那些知識？

在APP開發中，前端開發其實專業技能的儲備是比較抽象的，前端技術在大學課程里都沒有。所以一般的前端開發工程師都是自己學的，或者是在一些培訓班里學的，這是否就意味著前端工程師就不需要關注自己的硬技能呢？

前端開發工程師牽涉的知識范圍是非常廣的，特別是隨著 nodejs 的出現，使得javascript 開發者面臨著前所未有的知識荒原等待著我們去開闊。下面我列舉一些在前端工程師面試中遇到的專業技能問題。而這些問題是作為前端開發工程師必須去深入學習的問題，就像英語學習中的單詞記憶一樣重要。下面列舉我認為比較重要的知識點:

 

css 與 js 的阻塞加載

chrome / IE 瀏覽器事件兼容

css 相關

垂直水平居中

盒模型

浮動與定位

排版引擎與js引擎

GPU 加速與動畫性能

DOM1，DOM2，DOM3 規范

css 性能

h 標簽與 title 標簽

em 與百分比等

瀏覽器緩存與應用緩存

div 與 table 布局

web 標準

css 的 hack 技術

png/jpg/webp 圖片格式

canvas 與 svg

css3 的新特性，如 flex 布局等

響應式布局

link 與 import 區別

三欄自適應

b 和 strong，i 和 em 區別

減少頁面回流

BFC

硬件加速與動畫優化

前端自動化相關

webpack 相關

webpack-dev-server 相關

單頁面打包工具+多頁面打包工具

babel 相關

其他知識

http/1.1 與 http2

http 三次握手協議

http 狀態碼

json 與 xml

前端性能優化

nodejs/npm 相關內容

算法

幾種排序算法

回文字符

遞歸(很重要)

其他常見的前端算法

javascript 相關

原型鏈與作用域

閉包

模塊化(amd/cmd/umd/ES6 module)

AJAX 的幾種狀態，ajax與fetch，hijax

iframe 與 onload 阻塞主頁面

前端安全與 CSRF，XSS，SQL注入，DDOS

ES6 新特性

promise 與 generator

服務器推

drag 和 drop 實現拖拽

cookie/session/本地存儲

js 異步加載

IE 內存泄露

js 創建對象的幾種方式

js 繼承的幾種方式與優缺點

jQuery 相關

js 捕獲與冒泡

 

上面牽涉到的任何一部分內容都應該要能夠融匯貫通，把基礎打牢，才能在前端的路上越走越遠。