一個(gè)合格的(de)前端開發需要那些知識？

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

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

 

css 與 js 的(de)阻塞加載

chrome / IE 浏覽器事件兼容

css 相關

垂直水(shuǐ)平居中

盒模型

浮動與定位

排版引擎與js引擎

GPU 加速與動畫(huà)性能

DOM1，DOM2，DOM3 規範

css 性能

h 标簽與 title 标簽

em 與百分(fēn)比等

浏覽器緩存與應用(yòng)緩存

div 與 table 布局

web 标準

css 的(de) hack 技術

png/jpg/webp 圖片格式

canvas 與 svg

css3 的(de)新特性，如 flex 布局等

響應式布局

link 與 import 區(qū)别

三欄自适應

b 和(hé) strong，i 和(hé) em 區(qū)别

減少頁面回流

BFC

硬件加速與動畫(huà)優化(huà)

前端自動化(huà)相關

webpack 相關

webpack-dev-server 相關

單頁面打包工具+多(duō)頁面打包工具

babel 相關

其他(tā)知識

http/1.1 與 http2

http 三次握手協議(yì)

http 狀态碼

json 與 xml

前端性能優化(huà)

nodejs/npm 相關内容

算(suàn)法

幾種排序算(suàn)法

回文字符

遞歸(很重要)

其他(tā)常見的(de)前端算(suàn)法

javascript 相關

原型鏈與作用(yòng)域

閉包

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

AJAX 的(de)幾種狀态，ajax與fetch，hijax

iframe 與 onload 阻塞主頁面

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

ES6 新特性

promise 與 generator

服務器推

drag 和(hé) drop 實現拖拽

cookie/session/本地存儲

js 異步加載

IE 内存洩露

js 創建對(duì)象的(de)幾種方式

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

jQuery 相關

js 捕獲與冒泡

 

上面牽涉到的(de)任何一部分(fēn)内容都應該要能夠融彙貫通(tōng)，把基礎打牢，才能在前端的(de)路上越走越遠(yuǎn)。