發(fā)簡(jiǎn)信
IP屬地：廣東
-
h5數(shù)據(jù)預(yù)取方案背景 在頁(yè)面的性能優(yōu)化中，資源加載是決定頁(yè)面展示時(shí)間的重中之重。為了減少資源的請(qǐng)求，有兩個(gè)常見(jiàn)的解決方案： 一個(gè)是SSR服務(wù)端渲染頁(yè)面，這樣可以...
-
element庫(kù)升級(jí)失敗前段時(shí)間在使用element組件庫(kù)時(shí)，遇到el-image組件大圖預(yù)覽層級(jí)錯(cuò)誤的問(wèn)題。在git-issues中檢索到該bug在高版本elemen...
-
類(lèi)聊天的滾動(dòng)條反轉(zhuǎn)介紹 聊天場(chǎng)景是網(wǎng)頁(yè)中非常常見(jiàn)的情況，但你有注意過(guò)聊天的滾動(dòng)條反轉(zhuǎn)、向上滾動(dòng)加載要怎么實(shí)現(xiàn)嗎？下面我將介紹這種場(chǎng)景下的基礎(chǔ)解決方案。 要點(diǎn) 向下...
-
web動(dòng)圖播放格式
背景 在很多場(chǎng)景下需要播放幾秒的動(dòng)畫(huà)效果，提升網(wǎng)站的視覺(jué)效果，提高吸引力。但對(duì)于這種小視頻的播放，你會(huì)選擇什么格式呢？是常規(guī)的gif，還是使用精...
-
Nuxt緩存請(qǐng)求背景 在ssr的頁(yè)面中經(jīng)常需要根據(jù)數(shù)據(jù)生成頁(yè)面的情況，這種時(shí)候如果服務(wù)端可以將數(shù)據(jù)緩存起來(lái)就可以直接生成頁(yè)面，減少首屏加載時(shí)間。 基本流程 對(duì)于...
-
Service Worker
簡(jiǎn)介 service worker通過(guò)攔截fetch事件，處理網(wǎng)絡(luò)請(qǐng)求。使用promise異步處理，所以不會(huì)阻塞主進(jìn)程的執(zhí)行。常用于借助Cach...
-
pinia
介紹 Pinia意為菠蘿，表示與菠蘿一樣，由很多小塊組成。在pinia中，每個(gè)store都是單獨(dú)存在，一同進(jìn)行狀態(tài)管理。很多人也將pinia稱(chēng)為...
-
垃圾回收機(jī)制
垃圾回收機(jī)制 介紹 垃圾回收是指將無(wú)用的內(nèi)存釋放的機(jī)制。 在JS中基本類(lèi)型是使用棧存儲(chǔ)的，而引用類(lèi)型的值是使用堆存儲(chǔ)的，引用地址依然是使用棧存儲(chǔ)...
-
如何寫(xiě)一個(gè)Loader
如何寫(xiě)一個(gè)Loader 由于webpack只能解析Javascript與JSON語(yǔ)句。于是webpack加入了Loader的概念。 Loader...