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

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

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

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

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

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

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