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