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

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

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

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

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

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

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