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