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