背景 在頁(yè)面的性能優(yōu)化中，資源加載是決定頁(yè)面展示時(shí)間的重中之重。為了減少資源的請(qǐng)求，有兩個(gè)常見(jiàn)的解決方案： 一個(gè)是SSR服務(wù)端渲染頁(yè)面，這樣可以減少頁(yè)面的初始化數(shù)據(jù)請(qǐng)求，頁(yè)面...
發(fā)簡(jiǎn)信
IP屬地：廣東
-
h5數(shù)據(jù)預(yù)取方案 -
element庫(kù)升級(jí)失敗前段時(shí)間在使用element組件庫(kù)時(shí)，遇到el-image組件大圖預(yù)覽層級(jí)錯(cuò)誤的問(wèn)題。在git-issues中檢索到該bug在高版本element中被修復(fù)了。issue鏈接[...
-
類聊天的滾動(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) 向下無(wú)限滾動(dòng)加載功能 在頁(yè)面向下滾...
-
web動(dòng)圖播放格式
背景 在很多場(chǎng)景下需要播放幾秒的動(dòng)畫效果，提升網(wǎng)站的視覺(jué)效果，提高吸引力。但對(duì)于這種小視頻的播放，你會(huì)選擇什么格式呢？是常規(guī)的gif，還是使用精靈圖制作幀動(dòng)畫？或者直接使用視...
-
Nuxt緩存請(qǐng)求背景 在ssr的頁(yè)面中經(jīng)常需要根據(jù)數(shù)據(jù)生成頁(yè)面的情況，這種時(shí)候如果服務(wù)端可以將數(shù)據(jù)緩存起來(lái)就可以直接生成頁(yè)面，減少首屏加載時(shí)間。 基本流程 對(duì)于不需要及時(shí)更新的數(shù)據(jù)，可以將請(qǐng)...
-
Service Worker
簡(jiǎn)介 service worker通過(guò)攔截fetch事件，處理網(wǎng)絡(luò)請(qǐng)求。使用promise異步處理，所以不會(huì)阻塞主進(jìn)程的執(zhí)行。常用于借助Cache API緩存資源。還可以使用...
-
垃圾回收機(jī)制
垃圾回收機(jī)制 介紹 垃圾回收是指將無(wú)用的內(nèi)存釋放的機(jī)制。 在JS中基本類型是使用棧存儲(chǔ)的，而引用類型的值是使用堆存儲(chǔ)的，引用地址依然是使用棧存儲(chǔ)。所以當(dāng)我們將一個(gè)引用類型的值...
-
如何寫一個(gè)Loader
如何寫一個(gè)Loader 由于webpack只能解析Javascript與JSON語(yǔ)句。于是webpack加入了Loader的概念。 Loader用于將其他語(yǔ)言轉(zhuǎn)化為能被web...
-
狀態(tài)機(jī)
前言 我們常常說(shuō)在前端框架中使用狀態(tài)機(jī)管理全局狀態(tài)，這個(gè)時(shí)候狀態(tài)機(jī)一般指redux、vuex等庫(kù)。但事實(shí)上，redux和vuex并不是真正的狀態(tài)機(jī)。今天讓我們來(lái)了解下?tīng)顟B(tài)機(jī)。...
-
從modern.js到摩登前端
從modern.js到摩登前端 概要 近期看到一篇文章《Modern.js: Hello, World!》[https://zhuanlan.zhihu.com/p/4267...
-
sessionStorage的訪問(wèn)限制
sessionStorage的訪問(wèn)限制： 當(dāng)瀏覽器關(guān)閉時(shí)，清空頁(yè)面sessionStorage 每個(gè)tab都有獨(dú)自的sessionStorage 通過(guò)window.open打...
-
網(wǎng)站安全
xss xss（cross-site scripting）經(jīng)常發(fā)生在通過(guò)用戶輸入html標(biāo)簽后直接生成的DOM元素。例如網(wǎng)站使用document.innerHTML直接將用戶...
-
轉(zhuǎn)化圖片顏色
在一些場(chǎng)景下，我們需要將更改圖片顏色，但是為此引入多張圖片就太不值得了，在沒(méi)有svg的情況下，我們可以選擇用css的filter屬性，對(duì)圖片元素做處理。 stackoverf...
-
vscode開(kāi)發(fā)unity
首先下載vscode與unity 在unity中打開(kāi)Perferences，切換到External Tools，選擇腳本編輯器為vscode。并勾選全部生成文件。 雙擊Ass...
-
centos6安裝nginx
官方文檔[https://www.nginx.com/resources/wiki/start/topics/tutorials/install/] 在centos6下需要增...
-
perfect-scrollbar無(wú)視高度，無(wú)限滾動(dòng)
https://github.com/mdbootstrap/perfect-scrollbar/issues/920[https://github.com/mdbootst...
-
js-生成隨機(jī)字符串
通過(guò)Math.random()生成隨機(jī)小數(shù)[0, 1)，使用toString(36)轉(zhuǎn)化為36進(jìn)制的字符串，substring切割掉前面的0.。存在問(wèn)題：當(dāng)為0時(shí)會(huì)返回空字符...