Preface?前　　言為何寫作本書？本書通過介紹前端的優(yōu)化實踐以達到高效編程之功效，這里并不是教你怎么用CSS的某個屬性，如display：grid，或者怎么用JS的ES6，而是重點教你一些前端的思想，如怎么提高用戶體驗，怎么寫出簡潔優(yōu)美的代碼等。注重思想而不注重形式，注重功底而不注重框架是本書的特色。本書有一大部分篇幅在介紹怎么提升編程的功底，怎么修煉內(nèi)功，從而達到高效編程的目的。
全書以問題為導(dǎo)向，例如有些頁面為什么打開會比較卡頓，從怎么解決這種問題，有哪些方法，這些方法的優(yōu)缺點是什么，一步步由淺入深地分析和解決問題。學(xué)會解決問題，比學(xué)會知識更為重要。
本書主要內(nèi)容本書分為七章，第1～4章和第7章的實踐性比較強，第5章和第6章注重基礎(chǔ)。
第1章介紹如何使用瀏覽器提供的便利進行開發(fā)，能使用HTML/CSS解決的問題就不要使用JS，因為用HTML/CSS解決一般會更加簡單，用戶體驗也會更好。
第2章介紹怎么樣寫出簡潔高效的JS代碼，怎么組織代碼邏輯，讓代碼更加優(yōu)美，具有更好的擴展性。
第3章介紹頁面整體的優(yōu)化，包括怎么加快頁面的打開速度，怎么避免頁面的卡頓，怎么從一些細節(jié)之處提升用戶的體驗，怎么更好地使用調(diào)試工具。
第4章結(jié)合實際經(jīng)驗，介紹HTML5的一些實用技術(shù)，如使用history改善AJAX體驗、圖標字體和SVG、裁剪壓縮圖片、如何做一個PWA應(yīng)用等。
第5章回歸技術(shù)基礎(chǔ)，以WebSocket、wasm、Web Workers等HTML5的新技術(shù)為出發(fā)點回歸到計算機基礎(chǔ)，如網(wǎng)絡(luò)協(xié)議、程序編譯、多線程等。特別介紹了它們和前端的聯(lián)系，只有掌握這些基礎(chǔ)，才能更好地解決問題，做一個優(yōu)秀的前端開發(fā)人員。
第6章討論了諸如跨域、上傳文件、CSS布局等前端技術(shù)支柱，特別是有些很常用但卻是前端知識盲點的部分。
第7章介紹前端的單元測試與自動化測試，以及怎么使用可視化工具制作網(wǎng)頁動畫，還介紹了其他一些前端開發(fā)常用的工具，作為本書的一個補充內(nèi)容。
在寫作的過程中，我都是結(jié)合實際的經(jīng)驗進行闡述，并不像很多大學(xué)課本那樣只講理論。所以相對來說，本書看起來應(yīng)該會比較生動，并且很多章節(jié)都是圖文并茂的。
本書讀者對象本書適用于以下讀者對象：
具有一定的前端基礎(chǔ)，想要找一本高階的、能提升水平的書；剛畢業(yè)，沒有什么實踐經(jīng)驗，需要一本有實踐指導(dǎo)作用的書；已經(jīng)工作了，想要學(xué)習(xí)一下其他人的前端開發(fā)經(jīng)驗；不是做前端開發(fā)，但是有編程基礎(chǔ)，想要深入理解前端是怎么運作的，或者是想加深理解HTTP之類的計算機基礎(chǔ)知識。
如何閱讀本書如果你一點編程經(jīng)驗都沒有，可能不太適合閱讀本書，你要是不知道什么是變量，什么是HTML，應(yīng)該先讀一些編程入門書籍。
讀者可以從頭看到結(jié)尾，我相信每一篇看完都會有收獲的�；蛘哂嗅槍π缘乜�，例如，你覺得自己在計算機基礎(chǔ)里的網(wǎng)絡(luò)協(xié)議、數(shù)據(jù)結(jié)構(gòu)算法等方面比較薄弱，可以直接看第5章；如果你對HTML5比較感興趣可以直接看第4章。在閱讀的過程中，建議讀者都實際操作一遍，而不僅僅是當作睡前讀物，因為只有自己動手實踐才能識別書中的真?zhèn)尾⑶壹由罾斫狻Ｋ�以本書不提供相關(guān)源碼等資源，讀者可自行根據(jù)書中描述動手練習(xí)。
致謝在本書的寫作和出版過程中得到了很多人的幫助，感謝我的家人對我寫作的支持和鼓勵，感謝人人網(wǎng)同事在寫作過程中提出的建議和對錯誤的修正，感謝機械工業(yè)出版社華章分社對本書出版付出的努力，特別是楊福川編輯對本書的策劃以及李雷鳴老師的認真審閱、還要感謝阮一峰、大漠老師在百忙之中審閱本書、認可本書，并為本書寫推薦語。
由于水平有限，書里難免會有一些不足和錯誤的地方，雖經(jīng)過幾番修改，可能還會有些許問題，歡迎讀者朋友對本書的內(nèi)容積極討論，提出意見。我的郵箱是liyincheng@m.scnu.edu.cn。
李銀城　　2017年12月17日