Web前端性能優(yōu)化

第1篇　用戶體驗(yàn)
第1 章　用戶體驗(yàn)
1 1　何為用戶體驗(yàn)
1 2　了解用戶心理
1 3　前端的作用
第2篇　宏觀上的俯瞰
第2 章　前端性能瓶頸
2 1　技術(shù)框架選型
2 2　項(xiàng)目復(fù)雜程度
2 3　運(yùn)行環(huán)境
第3 章　前端的分層
3 1　HTML 結(jié)構(gòu)層
3 2　CSS 樣式層
3 3　JS 行為層
第3篇　分條目詳解性能優(yōu)化
第4 章　HTML 層級優(yōu)化
4 1　化繁為簡
4 2　標(biāo)簽屬性及模板
4 3　容易忽略的細(xì)節(jié)
第5 章　CSS 層級優(yōu)化
5 1　樣式多復(fù)用
5 2　CSS 選擇器
5 3　減少“昂貴”的樣式成本
5 4　CSS 層級其他優(yōu)化
第6 章　JavaScript 層級優(yōu)化
6 1　JavaScript 的運(yùn)行機(jī)制
6 2　定時(shí)器是一把雙刃劍
6 3　事件的綁定
6 4　一些優(yōu)秀的JavaScript 層級思想
第7 章　資源加載優(yōu)化
7 1　資源解析優(yōu)化
7 2　加載模式
7 3　資源優(yōu)化處理
第8 章　其他層級優(yōu)化
8 1　頁面渲染過程
8 2　控制交互請求
8 3　合理的數(shù)據(jù)結(jié)構(gòu)
8 4　有趣的異步
8 5　充分利用硬件GPU 加速
第4篇　好用的前端工具與新技術(shù)
第9 章　前端調(diào)試
9 1 強(qiáng)大的Chrome
9 2　斷點(diǎn)
第10 章　常見的自動(dòng)化構(gòu)建工具
10 1　構(gòu)建工具概述
10 2　Grunt
10 3　Gulp
10 4　強(qiáng)大的Webpack
第11 章　新技術(shù)對性能的提升
11 1　即時(shí)通信
11 2　MVVM 框架
11 3　Vue 相關(guān)知識
11 4　移動(dòng)端相關(guān)應(yīng)用
第5篇　前端思想與案例分析
第12 章　思想高于邏輯，邏輯強(qiáng)于代碼
12 1　首次架構(gòu)重于迭代升級
12 2　良好的編碼習(xí)慣
12 3　代碼重構(gòu)
12 4　開發(fā)效率與性能間的權(quán)衡
第13 章　性能優(yōu)化案例分析
13 1　某搜索網(wǎng)站的優(yōu)化
13 2　某電商網(wǎng)站的優(yōu)化
13 3　某新聞網(wǎng)站的優(yōu)化