高效前端:Web高效編程與優化實踐 ( 簡體 字) |
作者:李銀城 著 | 類別:1. -> 程式設計 -> 網路編程 |
譯者: |
出版社:機械工業出版社 | 3dWoo書號: 48494 詢問書籍請說出此書號!【缺書】 NT售價: 445 元 |
出版日:1/1/2018 |
頁數:400 |
光碟數:0 |
|
站長推薦: |
印刷:黑白印刷 | 語系: ( 簡體 版 ) |
|
加入購物車 │加到我的最愛 (請先登入會員) |
ISBN:9787111590217 |
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
作者序: |
譯者序: |
前言:為何寫作本書?
本書通過介紹前端的優化實踐以達到高效編程之功效,這里并不是教你怎么用CSS的某個屬性,如“display:grid”,或者怎么用JS的ES6,而是重點教你一些前端的思想,如怎么提高用戶體驗,怎么寫出簡潔優美的代碼等。注重思想而不注重形式,注重功底而不注重框架是本書的特色。本書有一大部分篇幅在介紹怎么提升編程的功底,怎么修煉內功,從而達到高效編程的目的。
全書以問題為導向,例如有些頁面為什么打開會比較卡頓,從怎么解決這種問題,有哪些方法,這些方法的優缺點是什么,一步步由淺入深地分析和解決問題。學會解決問題,比學會知識更為重要。
本書主要內容
本書分為七章,第1∼4章和第7章的實踐性比較強,第5章和第6章注重基礎。
第1章介紹如何使用瀏覽器提供的便利進行開發,能使用HTML/CSS解決的問題就不要使用JS,因為用HTML/CSS解決一般會更加簡單,用戶體驗也會更好。
第2章介紹怎么樣寫出簡潔高效的JS代碼,怎么組織代碼邏輯,讓代碼更加優美,具有更好的擴展性。
第3章介紹頁面整體的優化,包括怎么加快頁面的打開速度,怎么避免頁面的卡頓,怎么從一些細節之處提升用戶的體驗,怎么更好地使用調試工具。
第4章結合實際經驗,介紹HTML5的一些實用技術,如使用history改善AJAX體驗、圖標字體和SVG、裁剪壓縮圖片、如何做一個PWA應用等。
第5章回歸技術基礎,以WebSocket、wasm、Web Workers等HTML5的新技術為出發點回歸到計算機基礎,如網絡協議、程序編譯、多線程等。特別介紹了它們和前端的聯系,只有掌握這些基礎,才能更好地解決問題,做一個優秀的前端開發人員。
第6章討論了諸如跨域、上傳文件、CSS布局等前端技術支柱,特別是有些很常用但卻是前端知識盲點的部分。
第7章介紹前端的單元測試與自動化測試,以及怎么使用可視化工具制作網頁動畫,還介紹了其他一些前端開發常用的工具,作為本書的一個補充內容。
在寫作的過程中,我都是結合實際的經驗進行闡述,并不像很多大學課本那樣只講理論。所以相對來說,本書看起來應該會比較生動,并且很多章節都是圖文并茂的。
本書讀者對象
本書適用于以下讀者對象:
具有一定的前端基礎,想要找一本高階的、能提升水平的書;
剛畢業,沒有什么實踐經驗,需要一本有實踐指導作用的書;
已經工作了,想要學習一下其他人的前端開發經驗;
不是做前端開發,但是有編程基礎,想要深入理解前端是怎么運作的,或者是想加深理解HTTP之類的計算機基礎知識。
如何閱讀本書
如果你一點編程經驗都沒有,可能不太適合閱讀本書,你要是不知道什么是變量,什么是HTML,應該先讀一些編程入門書籍。
讀者可以從頭看到結尾,我相信每一篇看完都會有收獲的。或者有針對性地看,例如,你覺得自己在計算機基礎里的網絡協議、數據結構算法等方面比較薄弱,可以直接看第5章;如果你對HTML5比較感興趣可以直接看第4章。在閱讀的過程中,建議讀者都實際操作一遍,而不僅僅是當作睡前讀物,因為只有自己動手實踐才能識別書中的真偽并且加深理解。所以本書不提供相關源碼等資源,讀者可自行根據書中描述動手練習。
致謝
在本書的寫作和出版過程中得到了很多人的幫助,感謝我的家人對我寫作的支持和鼓勵,感謝人人網同事在寫作過程中提出的建議和對錯誤的修正,感謝機械工業出版社華章分社對本書出版付出的努力,特別是楊福川編輯對本書的策劃以及李雷鳴老師的認真審閱、還要感謝阮一峰、大漠老師在百忙之中審閱本書、認可本書,并為本書寫推薦語。
由于水平有限,書里難免會有一些不足和錯誤的地方,雖經過幾番修改,可能還會有些許問題,歡迎讀者朋友對本書的內容積極討論,提出意見。
李銀城
2017年12月17日 |
內容簡介:本書著眼于實戰,講解的都是開發時經常遇到的典型案例,涉及前端開發的各個方面。書中所講技術先進,內容非常實用。作者重視細節,講解生動,可操作性強,既可以幫助讀者打好基礎,又可以開拓眼界。 阮一峰
《ES6 標準入門》作者/著名技術博客作者
只有實踐過才有話語權!本書從大量實際中的經典案例著手,簡單明了地介紹了前端開發的相關技術細節。作者對每個案例分析透徹,注重各種細節,而且講解生動、活潑。通過學習本書的案例和相關知識,可以直接提高你的實戰能力和技術功底。大漠
W3cplus 站長 |
目錄:第1章 HTML/CSS優化 1 Effective前端1:能用HTML/CSS 解決的問題就不要用JS 2 Effective前端2:優化HTML標簽 16 Effective前端3:用CSS畫一個三角形 22 Effective前端4:盡可能地使用偽元素 28 第2章 JS優化 34 Effective前端5:減少前端代碼耦合 34 Effective前端6:JS書寫優化 47 第3章 頁面優化 59 Effective前端7:避免頁面卡頓 59 Effective前端8:加快頁面打開速度 67 Effective前端9:增強用戶體驗 85 Effective前端10:用好Chrome Devtools 91 第4章 HTML5優化實踐 109 Effective前端11:使用H5的history改善AJAX列表請求體驗 109 Effective前端12:使用圖標替代雪碧圖 118 Effective前端13:理解和使用CSS3動畫 128 Effective前端14:實現前端裁剪壓縮圖片 136 Effective前端15:實現跨瀏覽器的HTML5表單驗證 145 Effective前端16:使用Service Worker做一個PWA離線網頁應用 151 第5章 前端與計算機基礎 164 Effective前端17:理解WebSocket和TCP/IP 164 Effective前端18:理解HTTPS連接的前幾毫秒發生了什么 185 Effective前端19:弄懂為什么0.1+ 0.2不等于0.3 203 Effective前端20:明白WebAssembly與程序編譯 209 Effective前端21:理解JS與多線程 221 Effective前端22:學會JS與面向對象 231 Effective前端23:了解SQL 248 Effective前端24:學習常用的前端算法與數據結構 266 第6章 掌握前端基礎 291 Effective前端25:掌握同源策略和跨域 291 Effective前端26:掌握前端本地文件操作與上傳 299 Effective前端27:學會常用的CSS居中方式 310 Effective前端28:學會常用的CSS布局技術 320 Effective前端29:理解字號與行高 327 Effective前端30:使用響應式開發 336 Effective前端31:明白移動端click及自定義事件 344 Effective前端32:學習JS高級技巧 355 第7章 運用恰當的工具 372 Effective前端33:前端的單元測試與自動化測試 372 Effective前端34:使用AE + bodymovin制作網頁動畫 390 |
序: |