IP屬地：廣東
-
-
Event Loop一，事件環(huán)的執(zhí)行順序 1，例子 2，main script=》微任務(wù)=》宏任務(wù)中的第一項(xiàng)=》微任務(wù)=》宏任務(wù)中的第二項(xiàng)=》微任務(wù)=》。。。 3，執(zhí)行流程 ...
-
深拷貝和淺拷貝
一，深拷貝和淺拷貝比較 1，淺拷貝：只是增加了一個(gè)指針指向已存在的內(nèi)存地址 2，深拷貝：增加了一個(gè)指針并且申請(qǐng)了一個(gè)新的內(nèi)存，使這個(gè)增加的指針指向這個(gè)新的內(nèi)存， 二，...
-
DOM事件類
一，DOM事件的級(jí)別 1，DOM0：element.onclick=function(){} 2，DOM2：element.addEventListener（'cli...
-
懶加載
一，懶加載 1.什么是懶加載 懶加載也叫延遲加載，指的是在長(zhǎng)網(wǎng)頁(yè)中延遲加載圖像，是一種很好優(yōu)化網(wǎng)頁(yè)性能的方式。用戶滾動(dòng)到它們之前，可視區(qū)域外的圖像不會(huì)加載。這與圖像預(yù)加載...
-
前端路由原理一，路由方式 1，hash（url后面帶#） 1）hash變化會(huì)觸發(fā)網(wǎng)頁(yè)跳轉(zhuǎn)，即瀏覽器的前進(jìn)、后退 2）hash變化不會(huì)刷新頁(yè)面，SPA必需的特點(diǎn) ...
-
Vue實(shí)例初始化
1，initLifecycle(vm)// vm生命周期相關(guān)變量初始化操作 2，initEvents(vm)// vm事件相關(guān)初始化 3，initRender(vm)// 模...
-
Vue渲染/更新過(guò)程一，渲染過(guò)程 1，解析模板為render函數(shù)（或在開(kāi)發(fā)環(huán)境已完成，vue-loader） 2，觸發(fā)響應(yīng)式，監(jiān)聽(tīng)data屬性getter setter 3，執(zhí)行render函...
-
vue編譯模板
一，with語(yǔ)法 二，編譯模板 1，模板編譯為render函數(shù)，執(zhí)行render函數(shù)返回vnode（虛擬節(jié)點(diǎn)） 2，基于vnode在執(zhí)行patch和diff 3，...
-
Vue的虛擬dom一，vdom（virtual dom） 用js模擬dom結(jié)構(gòu)，計(jì)算出最小的變更，操作dom 二，diff算法概述 1，diff即對(duì)比，是一個(gè)廣泛的概念 2，兩個(gè)j...
-
Vue中的數(shù)據(jù)監(jiān)聽(tīng)（響應(yīng)式）一，數(shù)組和對(duì)象的深度監(jiān)聽(tīng) 1，Object.defineProperty缺點(diǎn) 1）深度監(jiān)聽(tīng)，需要遞歸到底，一次性計(jì)算量大 2）無(wú)法監(jiān)聽(tīng)新增屬性/刪除屬性(Vue.se...
-
內(nèi)存泄漏與垃圾回收機(jī)制
一，垃圾回收（https://juejin.im/post/5a6b3fcaf265da3e2c385375） 1，垃圾回收的基本算法被稱為 "mark-and-swee...
-
http協(xié)議類
一，http協(xié)議的主要特點(diǎn) 1，簡(jiǎn)單快速 2，靈活 3，無(wú)連接：不會(huì)保持連接 4，無(wú)狀態(tài)：在http協(xié)議中服務(wù)端無(wú)法區(qū)分客戶端的狀態(tài)，需要通過(guò)其他方式 二，h...
-
錯(cuò)誤類型，錯(cuò)誤捕獲，錯(cuò)誤監(jiān)控上報(bào)
一，錯(cuò)誤類型 1，SyntaxError：語(yǔ)法錯(cuò)誤 2，Uncaught ReferenceError：引用錯(cuò)誤，引用一個(gè)不存在的變量時(shí)發(fā)生的錯(cuò)誤。將一個(gè)值分配給無(wú)法...
-
瀏覽器緩存機(jī)制
一，瀏覽器緩存機(jī)制http://www.itdecent.cn/p/54cc04190252 1，緩存可以說(shuō)是性能優(yōu)化中簡(jiǎn)單高效的一種優(yōu)化方式了。一個(gè)優(yōu)秀的緩存策略可以...
-
一次完整的http請(qǐng)求過(guò)程
1，使用DNS域名解析： 1）首先會(huì)搜索瀏覽器自身的DNS緩存（緩存時(shí)間比較短，大概只有1分鐘，且只能容納1000條緩存） 2）如果瀏覽器自身的緩存里面沒(méi)有找到，那么...
-
2020-05-18
一，什么是事件捕獲、事件冒泡、事件委托？ 作用：1，支持為同一個(gè)DOM元素注冊(cè)多個(gè)同類型事件；2，可將事件分成事件捕獲和事件冒泡機(jī)制 addEventListener...
-
手寫乞丐版的Promise
使用es6，class手寫promise class NewPromise { constructor(executor) { this._resolve=[...
-
JavaScript性能優(yōu)化
1，web頁(yè)面腳本阻塞：由于腳本會(huì)阻塞頁(yè)面其他資源的下載，因此推薦將所有的 標(biāo)簽盡可能放到 標(biāo)簽的底部，可以盡量減少對(duì)整個(gè)頁(yè)面下載影響；