面試秘籍——前端測試

什麼是mock測試

mock測試就是在測試過程中,對於某些不容易構造或者不容易獲取的物件,建立一個虛擬的物件來測試,以便完成測試方式。

什麼是冒煙測試(amoke test)

冒煙測試源自硬體行業,對一個硬體或者硬體元件改動後,直接給裝置加電,看看裝置會不會冒煙。如果沒冒煙,就表示待測元件通過了測試。

在軟體開發過程中,一直有高內聚、低耦合這樣的說法,各個功能模組之間的耦合還是存在的,因此,一個功能的改動還是會影響到其他功能模組。如果在開發人員修復了先前測試彙總發現的bug後,想知道這個bug的修復是否會影響到其他功能模組,就需要做冒煙測試。

平常工作中怎樣進行資料互動、如果後臺沒有提供資料,怎樣進行開發、mock資料與後臺返回的格式不同怎麼辦

由後臺編寫介面文件、提供資料介面、由前臺透過Ajax訪問實現資料互動。

在沒有資料的情況下,向後端索要一份靜態資料,或者自己模擬一份mock資料。

當返回資料的格式不統一時,編寫對映檔案對資料進行對映。

在IOS模擬器中,如何進行重新整理

選擇模擬器中Hardware-Keyboard-Connect Hardware Keyboard即可。

如何在Chrome控制檯中開啟paint flashing

開啟開發者工具,按鍵盤上的Esc鍵開啟控制檯面板,選擇rendering標籤欄,即可看到paint flashing選項

面試秘籍——前端測試

Chrome開發者工具中,常用的面板有哪幾個

Element:主要用來除錯網頁中的HTML標籤程式碼和CSS樣式程式碼。

Network:檢視網頁TTTP通訊情況,包括Method、Type、Timeline(網路請求的時間響應的情況)等。

Source:檢視JavaScript檔案,除錯JavaScript程式碼。

Timeline:檢視JavaScript的執行時間、頁面元素渲染時間等。

Profiles:檢視網頁的效能,比如CPU和記憶體消耗。

Resources:檢視載入的各種資原始檔,如JavaScript檔案、CSS檔案、圖片等。

Audits:分析當前網頁,快速地分析出哪些資源被使用、哪些資源沒有被使用,然後提出建議。

Console:檢視錯誤資訊,列印除錯資訊,除錯JavaScript程式碼,檢視JavaScriptAPI。

如何除錯JavaScript程式碼

除錯方式如下

1。JavaScript斷點除錯

斷點可以讓程式在需要的地方中斷,從而方便程式設計師分析,也可以在一次除錯中設定斷點,下一次只需讓程式自動執行到設定斷點的位置,便可在上次設定斷點的位置中斷,這極大地方便了除錯,同時節省了時間。

JavaScript斷點除錯,即使在瀏覽器開發者工具中為JavaScript程式碼新增斷點,讓JavaScript執行到某一特定位置停住,方便開發者對該處程式碼段進行分析和除錯。

2。debugger斷點除錯

透過在程式碼中新增‘ebugger’語句,當代碼執行到該語句的時候就會自動插入斷點。

3。DOM斷點除錯

DOM斷點就是在DOM元素上新增斷點,進而達到除錯的目的。

如何進行響應式測試

響應式測試特別簡單,透過改變視窗大小(也就是縮放瀏覽器)即可測試。當然,當在CSS中設定Media Queries判斷條件時要使用max-width才行,如果使用max-device-width則會根據裝置的螢幕尺寸來判斷。

如何用Chrome模擬裝置螢幕尺寸

如果需要測試某種明確的機型,Chrome新版的Emulation就可以派上用場了。如果Emulation面板需要模擬地理位置、加速計等功能,開啟DrvTools介面後按下Esc鍵即可開啟分列式圖,開啟DevTools介面之後,單擊“手機圖示”即可進入Chrome手機模擬器。

如何對IOS裝置進行真機除錯

首先需要在iphone等裝置上設定一下Safari瀏覽器,開啟除錯功能,然後,使用資料線連線計算機,在裝置上用Safari瀏覽器開啟需要除錯的頁面。接下來在桌面版的Safari開發選項中即可看到此頁面,並進行除錯。

但是要除錯本地網站,你可能要將手機與計算機連在一個區域網內,然後輸入區域網IP地址進行除錯。

面試秘籍——前端測試

面試秘籍——前端測試

聯絡我們

400-0806-675