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