簡(jiǎn)介：性能優(yōu)化成神之路的必看之課，是前端性能優(yōu)化基礎(chǔ)簡(jiǎn)介的后續(xù)篇章，作為一門(mén)前端性能優(yōu)化的進(jìn)階課程，本課程介紹了常用的性能優(yōu)化方法，以及老師自己在工作中摸索出來(lái)的，并且在大廠使用的課程。
第1章 實(shí)戰(zhàn)項(xiàng)目初始化
主要接介紹nodejs、grunt的常用方法，以及clone下來(lái)我們的實(shí)驗(yàn)項(xiàng)目。
第2章 常用的圖片優(yōu)化方法
講解實(shí)戰(zhàn)項(xiàng)目中圖片的加載方式，以及常用圖片類型，使用場(chǎng)景。最后使用grunt，優(yōu)化一下我們項(xiàng)目的圖片問(wèn)題
第3章 常用視頻優(yōu)化方法
本章節(jié)簡(jiǎn)單介紹了視頻站點(diǎn)中最核心的優(yōu)化點(diǎn)都有哪些，以及附帶跟大家一起制作一個(gè)自定義播放器皮膚的事例。
第4章 介紹常用緩存方式
介紹cookie/sessionstroage/localstroage/userData/openData等業(yè)內(nèi)常用的存儲(chǔ)方式，以及他們的優(yōu)缺點(diǎn)，何種情況下使用他們。
第5章 做一個(gè)通用的緩存SDK
運(yùn)用我們之前講到的知識(shí)，實(shí)際寫(xiě)出一個(gè)本地緩存通用的tools出來(lái)，方便學(xué)生們?cè)诮窈蟮拈_(kāi)發(fā)中使用，以及把學(xué)生帶入編程的整體流程中，一行一行的寫(xiě)，差錯(cuò)，解決。介紹老師自己編程中使用的方法論-編程就是填空題。
- 視頻： 5-1 SDK功能簡(jiǎn)介 (01:00)
- 視頻： 5-2 網(wǎng)絡(luò)功能拆解 (01:57)
- 視頻： 5-3 網(wǎng)絡(luò)請(qǐng)求1 (10:21)
- 視頻： 5-4 網(wǎng)絡(luò)請(qǐng)求2 (02:06)
- 視頻： 5-5 前三個(gè)3 (06:16)
- 視頻： 5-6 本地存儲(chǔ)模塊 (02:29)
- 視頻： 5-7 Ie開(kāi)頭 (03:04)
- 視頻： 5-8 startup (03:10)
- 視頻： 5-9 SaveSDK (06:31)
- 視頻： 5-10 startup填空 (05:40)
- 視頻： 5-11 添加寫(xiě)入DomUtils (08:24)
- 視頻： 5-12 SDK完成 (08:04)
- 視頻： 5-13 代碼引入 (05:14)
- 視頻： 5-14 改正語(yǔ)法錯(cuò)誤 (05:39)
- 視頻： 5-15 代碼死循環(huán) (04:49)
- 視頻： 5-16 死循環(huán)問(wèn)題解決 (03:50)
- 視頻： 5-17 寫(xiě)入緩存 (04:29)
- 視頻： 5-18 請(qǐng)求發(fā)送XHR對(duì)象為Null (13:18)
- 視頻： 5-19 解決xhr為Null (02:53)
- 視頻： 5-20 解決回調(diào)失敗問(wèn)題 (05:45)
- 視頻： 5-21 存儲(chǔ)成功 (01:22)
- 視頻： 5-22 讀取成功 (08:06)
- 視頻： 5-23 我們的SDK適合干什么 (06:35)
- 視頻： 5-24 大功告成 (08:25)
第6章 高性能的dom
主要介紹造成性能優(yōu)化dom時(shí)候，主要碰到的重繪以及回流問(wèn)題。介紹他們的成因以及解決方案，最后實(shí)際寫(xiě)出代碼驗(yàn)證方案。