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