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