web前端包含的測(cè)試過程是如何進(jìn)行的？這個(gè)東西各個(gè)公司工作室各個(gè)組各個(gè)項(xiàng)目都不一樣，但基本技能還是那些：1. 不要把所有問題留在測(cè)試階段，開發(fā)就是最好的測(cè)試。所以開發(fā)的時(shí)候，多console，多打端點(diǎn)

web前端包含的測(cè)試過程是如何進(jìn)行的？

這個(gè)東西各個(gè)公司工作室各個(gè)組各個(gè)項(xiàng)目都不一樣，但基本技能還是那些：

1. 不要把所有問題留在測(cè)試階段，開發(fā)就是最好的測(cè)試。所以開發(fā)的時(shí)候，多console，多打端點(diǎn)，使用chrome測(cè)試開發(fā)工具測(cè)資源、渲染等。渲染還可以使用時(shí)間戳API打印出來進(jìn)行檢測(cè)，chrome測(cè)試開發(fā)工具還可以測(cè)低網(wǎng)絡(luò)高延遲比如2G網(wǎng)絡(luò)請(qǐng)求，建議學(xué)習(xí)下。

2. 寫好代碼后，一般你的構(gòu)建工具比如E2E、ESlint包括webpack自帶的一些檢測(cè)會(huì)測(cè)試你的編碼規(guī)范、UI性能以及代碼可執(zhí)行度；同時(shí)最好自己引入node斷言或一些JS測(cè)試包比如chai.js 等進(jìn)行單元測(cè)試。（公司內(nèi)部都會(huì)自己基于webpack自己開發(fā)一套構(gòu)建工具）

3.測(cè)試后，只是證明你的代碼沒問題了，兼容、安全、網(wǎng)絡(luò)還有待測(cè)試。兼容一般會(huì)專門交給測(cè)試，測(cè)不同瀏覽器兼容，測(cè)瀏覽器不同版本兼容，測(cè)PC和移動(dòng)端兼容，如果是native和H5還會(huì)分開測(cè)，所以公司都專門有測(cè)試。安全，其他公司我不知道，反正我們公司自帶門神檢測(cè)。網(wǎng)絡(luò)這一塊，只能到測(cè)試服務(wù)器后，線上使用chrome開發(fā)者工具測(cè)試，看一下資源包等加載、解析、渲染等問題。

4.最后，說到上線，最好是多分支開發(fā)，一個(gè)線上分支，一個(gè)測(cè)試分支，剩下的都是各個(gè)開發(fā)分支。多git status和git diff，看下更改。另外留意線上改動(dòng)，確保和線上同步。這點(diǎn)自己小組確立規(guī)范，不能亂，不然每次push都是沖突很惱火的。