在準備編寫WEB前端基礎時，我是糾結了很久，不知如何下手的。 WEB前端是非常復雜的，但是作為普通的測試人員，我們也不需要了解太深入，只需要掌握最基礎的結構與寫法，已經可以滿足90%是工作需要了。 關于WEB前端，網上已經有大量豐富的學習資源，本來我是不打算寫這一部分的，但是后面《輕松掌握平臺開發2_后端Django基礎篇》與《輕松掌握平臺開發3_Django實戰篇》這兩本書中，需要掌握一定的前端基礎。 如果您已經了解了WEB前端基礎，可以略過本書。 如果您對WEB前端完全不了解，那么這本書也幫助不了你，這里只是WEB入門的一些個人總結而已，想要掌握更多，還需要多學習多實踐。 ### 作為一個測試工程師，為什么要學習前端開發？ 從我的經驗來看，其實無論是前端開發還是后端開發，作為測試工程師都必須要懂得，才能更好的勝任這份工作。我這么說的理由有以下幾點： * 不懂前端的同學，必然`無法更好的覆蓋前端的測試邏輯`，傳說中頁面“點點點”估計就是這部分同學的工作了。他無法知道“點點點”的背后，前端處理了什么內容，遇到BUG也無法跟前端同事準備描述，說不到重點。 * 不懂前端的同學，`無法區分BUG是前端還是后端`。舉個例子，在登錄框中輸入正確的賬號與密碼，界面提示“登錄失敗“，不懂前端的同學只能描述表面現象，但是懂得前端的同學可以知道是前端的問題還是服務端的問題，能準備找到對應修復的同事。 * 不懂前端的同學，根本`沒辦法做前端的性能測試`。 * 不懂前端的同學，`無法做好UI自動化測試`，勉強做也將會非常吃力。 * 自動化測試到了一定的程度，比如會走到平臺化，如果不懂前端，也是`無法實現平臺化的`。 基于以上幾點，希望每個想做好測試工作的同學，都好好認真去學習一下前端開發，不要求精通，起碼要掌握一下幾點： * [x] 懂得寫簡單的web頁面 * [x] 懂得css如何美化web * [x] 懂得js對dom的操作 * [x] 懂得js對數據的處理 * [x] 懂得js與服務端的交互