keep-alive是什么？ 當(dāng)然keep-alive不僅僅是能夠保存頁面/組件的狀態(tài)這么簡單，它還可以避免組件反復(fù)創(chuàng)建和渲染，有效提升系統(tǒng)性能?？偟膩碚f，keep-aliv...
發(fā)簡信
IP屬地：上海
-
keepAlive實(shí)現(xiàn)原理
-
js拖拽插件通過改變position或translate做位移，性能對比
性能差距還是很大的特別是在移動設(shè)備上，因?yàn)榇蠹叶贾罏g覽器在處理這兩種樣式時(shí)的流水線不同。position更新進(jìn)行 layout 重計(jì)算。而translate只需要對本元素的...
-
跨域預(yù)檢--options請求
options 請求定義 瀏覽器基于CORS（跨域資源共享）機(jī)制，對于跨域 & 復(fù)雜的XMLHttpRequest和Fetch API請求，首先使用 options 方法向服...
-
虛擬滾動技術(shù) --- 解決加載大量列表DOM導(dǎo)致頁面卡頓網(wǎng)頁dom元素過多為什么會導(dǎo)致頁面卡頓 1、dom過多，占用過多的內(nèi)存。2、操縱dom時(shí)觸發(fā)重排重繪，消耗瀏覽器性能。特別是每一次滾動事件將會讓對應(yīng) DOM 中的所有元素重新...
-
setTimeout時(shí)間設(shè)置為0
setTimeOut設(shè)置為0，會在隊(duì)列最后添加一個(gè)事件，要等待其他任務(wù)事件處理完成才會處理。 js EventLoop詳見EventLoop[https://www.jian...
-
GPU加速
瀏覽器器內(nèi)核拿到內(nèi)容（渲染線程接收請求，加載網(wǎng)頁并渲染網(wǎng)頁），渲染大概可以劃分成以下幾個(gè)步驟： 解析HTML(HTML Parser) 構(gòu)建DOM樹(DOM Tree) 解析...
-
EventLoop為什么JavaScript是單線程？ JavaScript語言的一大特點(diǎn)就是單線程，也就是說，同一個(gè)時(shí)間只能做一件事。那么，為什么JavaScript不能有多個(gè)線程呢？這樣能...
-
302錯(cuò)誤碼302定義 302：redirect，代表暫時(shí)性轉(zhuǎn)移；意思就是你訪問網(wǎng)址a，但是因?yàn)榉?wù)端的攔截器或者其他代碼處理，會被重定向到網(wǎng)址b。 302 重定向如何工作 當(dāng)您為網(wǎng)站上...
-
animation和transition的區(qū)別CSS3動畫和JS動畫的區(qū)別 1.JS 實(shí)現(xiàn)的是幀動畫（使用定時(shí)器，每隔一段時(shí)間，更改當(dāng)前的元素）2.CSS3 實(shí)現(xiàn)的是補(bǔ)間動畫（過渡（加過渡只要狀態(tài)發(fā)生改變產(chǎn)生動畫）動畫(...
-
理解JavaScript的執(zhí)行上下文
在JS學(xué)習(xí)初期，或者在面試的時(shí)候常常會遇到變量提升相關(guān)的思考題。例如： 這里先引入一個(gè)JavaScript中最基礎(chǔ)，但同時(shí)也是最重要的概念：執(zhí)行上下文（Execution C...
-
base64長度計(jì)算圖片大小
base64編碼原理 要求把3個(gè)8位字節(jié)（3x8=24）轉(zhuǎn)化為4個(gè)6位的字節(jié)（4x6=24），之后在6位的前面補(bǔ)兩個(gè)0，形成8位一個(gè)字節(jié)的形式。 如果剩下的字符不足3個(gè)字節(jié)，...
-
ios圖片旋轉(zhuǎn)
出現(xiàn)這種情況的原因 iPhone對拍攝的照片附加了EXIF信息（如鏡頭、光圈、快門、焦距、相機(jī)拍攝角度等），如果iOS手機(jī)豎著拍出的照片被添加了一個(gè)順時(shí)針旋轉(zhuǎn)90°的拍照方向...
-
HTML5 的離線儲存及其工作原理在用戶沒有與因特網(wǎng)連接時(shí)，可以正常訪問站點(diǎn)或應(yīng)用，在用戶與因特網(wǎng)連接時(shí)，更新用戶機(jī)器上的緩存文件。使用離線緩存技術(shù)一般是為了讓用戶在：- 離線狀態(tài)也能正常訪問- 提高訪問速度...
-
onload、DOMContentLoaded區(qū)別
1、load事件觸發(fā)時(shí)，頁面上所有的DOM，樣式表，腳本，圖片都已經(jīng)加載完成了. 2、DOMContentLoaded事件觸發(fā)時(shí)，僅當(dāng)DOM加載完成，不包括樣式表，圖片(譬如...
-
vue知識總結(jié)MVVM model和view層通過中間的vm連接和驅(qū)動。model層數(shù)據(jù)變化會改變視圖，view改變通過事件來修改數(shù)據(jù)。vue參考了MVVM實(shí)現(xiàn)了雙向綁定，react是MV...
-
Vue源碼--AST抽象語法樹概念介紹 在開發(fā)Vue的時(shí)候編譯器會將模板語法編譯成正常的HTML語法，而直接編譯的時(shí)候是非常困難的，因此此時(shí)會借助AST抽象語法樹進(jìn)行周轉(zhuǎn)，進(jìn)而變?yōu)檎５腍TML語法，使編...
-
loader 和 plugin 的區(qū)別是什么
不同的作用： Loader直譯為"加載器"。Webpack將一切文件視為模塊，但是webpack原生是只能解析js文件，如果想將其他文件也打包的話，就會用到loader。 所...