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