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ōu)化網(wǎng)頁性能的方式源请。用戶滾動(dòng)到它們之前，可視區(qū)域外的圖像不會(huì)加載彻况。這與圖像預(yù)加載...
-
前端路由原理一谁尸，路由方式 1，hash（url后面帶#） 1）hash變化會(huì)觸發(fā)網(wǎng)頁跳轉(zhuǎn)纽甘，即瀏覽器的前進(jìn)良蛮、后退 2）hash變化不會(huì)刷新頁面，SPA必需的特點(diǎn) ...
-
Vue實(shí)例初始化
1贷腕，initLifecycle(vm)// vm生命周期相關(guān)變量初始化操作 2背镇，initEvents(vm)// vm事件相關(guān)初始化 3，initRender(vm)// 模...
-
Vue渲染/更新過程一泽裳，渲染過程 1瞒斩，解析模板為render函數(shù)（或在開發(fā)環(huán)境已完成，vue-loader） 2涮总，觸發(fā)響應(yīng)式胸囱，監(jiān)聽data屬性getter setter 3，執(zhí)行render函...
-
vue編譯模板
一瀑梗，with語法 二烹笔，編譯模板 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)聽（響應(yīng)式）一妓蛮，數(shù)組和對(duì)象的深度監(jiān)聽 1怠李，Object.defineProperty缺點(diǎn) 1）深度監(jiān)聽，需要遞歸到底蛤克，一次性計(jì)算量大 2）無法監(jiān)聽新增屬性/刪除屬性(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儿倒，無連接：不會(huì)保持連接 4，無狀態(tài)：在http協(xié)議中服務(wù)端無法區(qū)分客戶端的狀態(tài)呜笑，需要通過其他方式 二夫否，h...
-
錯(cuò)誤類型，錯(cuò)誤捕獲叫胁，錯(cuò)誤監(jiān)控上報(bào)
一凰慈，錯(cuò)誤類型 1，SyntaxError：語法錯(cuò)誤 2驼鹅，Uncaught ReferenceError：引用錯(cuò)誤微谓，引用一個(gè)不存在的變量時(shí)發(fā)生的錯(cuò)誤。將一個(gè)值分配給無法...
-
瀏覽器緩存機(jī)制
一输钩，瀏覽器緩存機(jī)制http://www.reibang.com/p/54cc04190252 1豺型，緩存可以說是性能優(yōu)化中簡(jiǎn)單高效的一種優(yōu)化方式了。一個(gè)優(yōu)秀的緩存策略可以...
-
一次完整的http請(qǐng)求過程
1买乃，使用DNS域名解析： 1）首先會(huì)搜索瀏覽器自身的DNS緩存（緩存時(shí)間比較短姻氨，大概只有1分鐘，且只能容納1000條緩存） 2）如果瀏覽器自身的緩存里面沒有找到剪验，那么...
-
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頁面腳本阻塞：由于腳本會(huì)阻塞頁面其他資源的下載席揽，因此推薦將所有的 標(biāo)簽盡可能放到 標(biāo)簽的底部顽馋，可以盡量減少對(duì)整個(gè)頁面下載影響；