用戶界面 用戶界面用于呈現(xiàn)瀏覽器窗口部件，比如地址欄、前進(jìn)后退按鈕、書簽、頂部菜單等。 瀏覽器引擎 它是UI和渲染引擎之間的橋梁。接受來自UI的輸入，然后通過操縱渲染引擎將網(wǎng)...
IP屬地：四川
-
瀏覽器組成 -
TS 環(huán)境相關(guān)"dev": "nodemon --watch src -e ts --exec ts-node src/index.ts"dev：nodemon 指令 監(jiān)聽 src 下面的...
-
既然Vue通過數(shù)據(jù)劫持可以精準(zhǔn)探測數(shù)據(jù)變化,為什么還需要虛擬DOM進(jìn)行diff檢測差異
考點(diǎn): Vue的變化偵測原理 前置知識(shí): 依賴收集、虛擬DOM、響應(yīng)式系統(tǒng) 現(xiàn)代前端框架有兩種方式偵測變化,一種是pull一種是push pull: 其代表為React,我們...
-
跨域問題及解決方案同源策略及跨域問題 同源策略是一套瀏覽器安全機(jī)制，當(dāng)一個(gè)源的文檔和腳本，與另一個(gè)源的資源進(jìn)行通信時(shí)，同源策略就會(huì)對(duì)這個(gè)通信做出不同程度的限制。 簡單來說，同源策略對(duì) 同源資源...
-
網(wǎng)絡(luò)協(xié)議網(wǎng)絡(luò)分層模型和應(yīng)用協(xié)議 分層模型 分層的意義 當(dāng)遇到一個(gè)復(fù)雜問題的時(shí)候，可以使用分層的思想把問題簡單化 比如，你有半杯82年的可樂，想分享給你的朋友王富貴，但你們已經(jīng)10年沒...
-
瀏覽器渲染原理完整過程 重排會(huì)整個(gè)過程重新觸發(fā)，重繪只會(huì)觸發(fā) 合成線程 瀏覽器渲染原理 渲染時(shí)間點(diǎn) 渲染流?線 解析 HTML - Parse HTML4.png 解析 HTML - Pa...
-
事件循環(huán)瀏覽器的進(jìn)程模型 先說結(jié)論： 隨著瀏覽器的復(fù)雜度急劇提升，W3C 不再使?宏隊(duì)列的說法 在?前 chrome 的實(shí)現(xiàn)中，?少包含了下?的隊(duì)列：延時(shí)隊(duì)列：?于存放計(jì)時(shí)器到達(dá)后的...
-
Symbol.iterator
Symbol.iterator 為每一個(gè)對(duì)象定義了默認(rèn)的迭代器。該迭代器可以被 [for...of] 循環(huán)使用。 對(duì)象的迭代
-
js 中this 指向問題
1.首先普通函數(shù)里面誰調(diào)用 this便指向誰，call,apply,bind 可以改變this指向。 2.箭頭函數(shù)的this， 指向函數(shù)體外的this 原文：https://...
-
js 怎樣判斷用戶是否在瀏覽當(dāng)前頁面
有些時(shí)候我們需要在項(xiàng)目中判斷用戶是否在瀏覽當(dāng)前頁面，或者當(dāng)前頁面是否處于激活狀態(tài)。然后再進(jìn)行相關(guān)的操作。瀏覽器中可通過window對(duì)象的onblur、onfocus判斷，或者...
-
關(guān)于margin: automargin:auto是具有強(qiáng)烈計(jì)算意味的關(guān)鍵字，用來計(jì)算元素對(duì)應(yīng)方向應(yīng)該獲得的剩余空間大小 原文 https://www.cnblogs.com/raind/p/10726...
-
關(guān)于滾動(dòng)條效果scroll-behavior,sroll-snap-type,scroll-snap-alignscroll-behavior: auto; 默認(rèn)值scroll-behavior: smooth; 平滑滾動(dòng)，效果滾動(dòng)起來有漸變動(dòng)畫 原文 https://www.cnbl...
-
promise
resolve作用是，將Promise對(duì)象的狀態(tài)從“未完成”變?yōu)椤俺晒Α保磸?pending 變?yōu)?resolved），在異步操作成功時(shí)調(diào)用，并將異步操作的結(jié)果，作為參數(shù)傳...
-
js 宏任務(wù)和微任務(wù)
這是過去的說法，根據(jù) W3C 的最新解釋:每個(gè)任務(wù)都有?個(gè)任務(wù)類型，同?個(gè)類型的任務(wù)必須在?個(gè)隊(duì)列，不同類型的任務(wù)可以分屬于不同的隊(duì)列。在?次事件循環(huán)中，瀏覽器可以根據(jù)實(shí)際情...
-
vue 緩存組件keep-alive
kee-alive 是 Vue 內(nèi)置的一個(gè)組件，可以使被包含的組件保留狀態(tài)，或避免重新渲染 。也就是所謂的組件緩存 keep-alive是一個(gè)抽象的組件，緩存的組件不會(huì)被mo...
-
Vue 優(yōu)化方案一.源碼優(yōu)化 1.代碼模塊化，封裝成單獨(dú)的組件，復(fù)用性越高越好，可配置型越強(qiáng)越好，包括css也可以通過less和sass的自定義css變量來優(yōu)化 2.設(shè)置key 值，不僅僅是...
-
core-js的作用core-js是我們能夠使用新的API的最重要的包，然而一般情況它隱藏在webpack編譯后的代碼中，我們一般不會(huì)去查看，所以容易被遺忘，我們?cè)趙ebpack生成環(huán)境下，查看...