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