此部分為隱藏內(nèi)容,請(qǐng)輸入驗(yàn)證碼后查看
掃描右側(cè)圖片或微信搜索 “ Java技術(shù)分享屋
” ,回復(fù) “ 驗(yàn)證碼
” ,獲取驗(yàn)證密碼。
本資料僅供讀者預(yù)覽及學(xué)習(xí)交流使用,不能用于商業(yè)用途,請(qǐng)?jiān)谙螺d后24小時(shí)內(nèi)刪除。如果喜歡,請(qǐng)購買正版!
一.資料圖片
二.資料簡介
這不是一本單純講解前端編程技巧的書,而是一本注重思想提升和內(nèi)功修煉的書。
全書以問題為導(dǎo)向,精選了前端開發(fā)中的34個(gè)疑難問題,從分析問題的原因入手,逐步給出解決方案,并分析各種方案的優(yōu)劣,最后針對(duì)每個(gè)問題總結(jié)出高效編程的最佳實(shí)踐和各種性能優(yōu)化的方法。
全書共7章,內(nèi)容從邏輯上大致可以分為兩大類:
第一類,偏向?qū)嵺`,圍繞HTML、CSS、JavaScript等傳統(tǒng)前端技術(shù),以及PWA等新興前端技術(shù),講解如何進(jìn)行HTML優(yōu)化、CSS優(yōu)化、JavaScript優(yōu)化、頁面優(yōu)化等,以此幫助前端工程師們提升高效編程和應(yīng)用優(yōu)化的能力。
第二類,注重基礎(chǔ),講解了前端工程師必須掌握的數(shù)據(jù)處理、網(wǎng)絡(luò)協(xié)議、文件操作、測(cè)試等基礎(chǔ)性的開發(fā)技,目的是幫助前端工程師們修煉內(nèi)功,打下扎實(shí)的基礎(chǔ)。
希望通過本書,不僅能幫助前端工程師們夯實(shí)基礎(chǔ),而且還能寫出簡潔、優(yōu)美的代碼,為應(yīng)用帶來良好的用戶體驗(yàn)。
三.資料目錄
目 錄 Contents前 言
第1章 HTML/CSS優(yōu)化 1
Effective前端1:能用HTML/CSS
解決的問題就不要用JS 2
Effective前端2:優(yōu)化HTML標(biāo)簽 16
Effective前端3:用CSS畫一個(gè)三角形 22
Effective前端4:盡可能地使用偽元素 28
第2章 JS優(yōu)化 34
Effective前端5:減少前端代碼耦合 34
Effective前端6:JS書寫優(yōu)化 47
第3章 頁面優(yōu)化 59
Effective前端7:避免頁面卡頓 59
Effective前端8:加快頁面打開速度 67
Effective前端9:增強(qiáng)用戶體驗(yàn) 85
Effective前端10:用好Chrome Devtools 91
第4章 HTML5優(yōu)化實(shí)踐 109
Effective前端11:使用H5的history改善AJAX列表請(qǐng)求體驗(yàn) 109
Effective前端12:使用圖標(biāo)替代雪碧圖 118
Effective前端13:理解和使用CSS3動(dòng)畫 128
Effective前端14:實(shí)現(xiàn)前端裁剪壓縮圖片 136
Effective前端15:實(shí)現(xiàn)跨瀏覽器的HTML5表單驗(yàn)證 145
Effective前端16:使用Service Worker做一個(gè)PWA離線網(wǎng)頁應(yīng)用 151
第5章 前端與計(jì)算機(jī)基礎(chǔ) 164
Effective前端17:理解WebSocket和TCP/IP 164
Effective前端18:理解HTTPS連接的前幾毫秒發(fā)生了什么 185
Effective前端19:弄懂為什么0.1+ 0.2不等于0.3 203
Effective前端20:明白WebAssembly與程序編譯 209
Effective前端21:理解JS與多線程 221
Effective前端22:學(xué)會(huì)JS與面向?qū)ο?231
Effective前端23:了解SQL 248
Effective前端24:學(xué)習(xí)常用的前端算法與數(shù)據(jù)結(jié)構(gòu) 266
第6章 掌握前端基礎(chǔ) 291
Effective前端25:掌握同源策略和跨域 291
Effective前端26:掌握前端本地文件操作與上傳 299
Effective前端27:學(xué)會(huì)常用的CSS居中方式 310
Effective前端28:學(xué)會(huì)常用的CSS布局技術(shù) 320
Effective前端29:理解字號(hào)與行高 327
Effective前端30:使用響應(yīng)式開發(fā) 336
Effective前端31:明白移動(dòng)端click及自定義事件 344
Effective前端32:學(xué)習(xí)JS高級(jí)技巧 355
第7章 運(yùn)用恰當(dāng)?shù)墓ぞ?372
Effective前端33:前端的單元測(cè)試與自動(dòng)化測(cè)試 372
Effective前端34:使用AE + bodymovin制作網(wǎng)頁動(dòng)畫 390