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

在APP開發(fā)中，前端開發(fā)其實(shí)專業(yè)技能的儲(chǔ)備是比較抽象的，前端技術(shù)在大學(xué)課程里都沒(méi)有。所以一般的前端開發(fā)工程師都是自己學(xué)的，或者是在一些培訓(xùn)班里學(xué)的，這是否就意味著前端工程師就不需要關(guān)注自己的硬技能呢？

前端開發(fā)工程師牽涉的知識(shí)范圍是非常廣的，特別是隨著 nodejs 的出現(xiàn)，使得javascript 開發(fā)者面臨著前所未有的知識(shí)荒原等待著我們?nèi)ラ_闊。下面我列舉一些在前端工程師面試中遇到的專業(yè)技能問(wèn)題。而這些問(wèn)題是作為前端開發(fā)工程師必須去深入學(xué)習(xí)的問(wèn)題，就像英語(yǔ)學(xué)習(xí)中的單詞記憶一樣重要。下面列舉我認(rèn)為比較重要的知識(shí)點(diǎn):

 

css 與 js 的阻塞加載

chrome / IE 瀏覽器事件兼容

css 相關(guān)

垂直水平居中

盒模型

浮動(dòng)與定位

排版引擎與js引擎

GPU 加速與動(dòng)畫性能

DOM1，DOM2，DOM3 規(guī)范

css 性能

h 標(biāo)簽與 title 標(biāo)簽

em 與百分比等

瀏覽器緩存與應(yīng)用緩存

div 與 table 布局

web 標(biāo)準(zhǔn)

css 的 hack 技術(shù)

png/jpg/webp 圖片格式

canvas 與 svg

css3 的新特性，如 flex 布局等

響應(yīng)式布局

link 與 import 區(qū)別

三欄自適應(yīng)

b 和 strong，i 和 em 區(qū)別

減少頁(yè)面回流

BFC

硬件加速與動(dòng)畫優(yōu)化

前端自動(dòng)化相關(guān)

webpack 相關(guān)

webpack-dev-server 相關(guān)

單頁(yè)面打包工具+多頁(yè)面打包工具

babel 相關(guān)

其他知識(shí)

http/1.1 與 http2

http 三次握手協(xié)議

http 狀態(tài)碼

json 與 xml

前端性能優(yōu)化

nodejs/npm 相關(guān)內(nèi)容

算法

幾種排序算法

回文字符

遞歸(很重要)

其他常見的前端算法

javascript 相關(guān)

原型鏈與作用域

閉包

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

AJAX 的幾種狀態(tài)，ajax與fetch，hijax

iframe 與 onload 阻塞主頁(yè)面

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

ES6 新特性

promise 與 generator

服務(wù)器推

drag 和 drop 實(shí)現(xiàn)拖拽

cookie/session/本地存儲(chǔ)

js 異步加載

IE 內(nèi)存泄露

js 創(chuàng)建對(duì)象的幾種方式

js 繼承的幾種方式與優(yōu)缺點(diǎn)

jQuery 相關(guān)

js 捕獲與冒泡

 

上面牽涉到的任何一部分內(nèi)容都應(yīng)該要能夠融匯貫通，把基礎(chǔ)打牢，才能在前端的路上越走越遠(yuǎn)。