引言 JS系列暫定 27 篇,從基礎(chǔ),到原型,到異步,到設(shè)計(jì)模式,到架構(gòu)模式等, 本篇是 JS系列中第 3 篇,文章主講 JS 繼承,包括原型鏈繼承、構(gòu)造函數(shù)繼承、組合繼承、...
引言 JS系列暫定 27 篇,從基礎(chǔ),到原型,到異步,到設(shè)計(jì)模式,到架構(gòu)模式等, 本篇是 JS系列中第 3 篇,文章主講 JS 繼承,包括原型鏈繼承、構(gòu)造函數(shù)繼承、組合繼承、...
(二)響應(yīng)式原理 利用ES6中Proxy作為攔截器,在get時(shí)收集依賴,在set時(shí)觸發(fā)依賴,來(lái)實(shí)現(xiàn)響應(yīng)式。 (三)手寫(xiě)實(shí)現(xiàn) 1、實(shí)現(xiàn)Reactive 基于原理,我們可以先寫(xiě)一...
實(shí)現(xiàn)find方法 find 接收一個(gè)方法作為參數(shù),方法內(nèi)部返回一個(gè)條件 find 會(huì)遍歷所有的元素,執(zhí)行你給定的帶有條件返回值的函數(shù) 符合該條件的元素會(huì)作為 find 方法的...
字符串最長(zhǎng)的不重復(fù)子串 題目描述 答案 圖片懶加載 可以給img標(biāo)簽統(tǒng)一自定義屬性data-src='default.png',當(dāng)檢測(cè)到圖片出現(xiàn)在窗口之后再補(bǔ)充src屬性,此...
實(shí)現(xiàn)每隔一秒打印 1,2,3,4 手寫(xiě) apply 函數(shù) apply 函數(shù)的實(shí)現(xiàn)步驟: 判斷調(diào)用對(duì)象是否為函數(shù),即使我們是定義在函數(shù)的原型上的,但是可能出現(xiàn)使用 call 等...
實(shí)現(xiàn)apply方法 思路: 利用this的上下文特性。apply其實(shí)就是改一下參數(shù)的問(wèn)題 轉(zhuǎn)化為駝峰命名 前端手寫(xiě)面試題詳細(xì)解答[https://kc7474.com/arc...
Promise實(shí)現(xiàn) 基于Promise封裝Ajax 返回一個(gè)新的Promise實(shí)例 創(chuàng)建HMLHttpRequest異步對(duì)象 調(diào)用open方法,打開(kāi)url,與服務(wù)器建立鏈接(...
實(shí)現(xiàn)一下hash路由 基礎(chǔ)的html代碼: 簡(jiǎn)單實(shí)現(xiàn): 封裝成一個(gè)class: 函數(shù)珂里化 指的是將一個(gè)接受多個(gè)參數(shù)的函數(shù) 變?yōu)?接受一個(gè)參數(shù)返回一個(gè)函數(shù)的固定形式,這樣便于...
用正則寫(xiě)一個(gè)根據(jù)name獲取cookie中的值的方法 獲取頁(yè)面上的cookie可以使用 document.cookie 這里獲取到的是類似于這樣的字符串: 可以看到這么幾個(gè)信...
實(shí)現(xiàn)forEach方法 修改嵌套層級(jí)很深對(duì)象的 key 方法1:序列化 JSON.stringify + 正則匹配 方法2:遞歸 前端手寫(xiě)面試題詳細(xì)解答[https://kc...
實(shí)現(xiàn)new的過(guò)程 new操作符做了這些事: 創(chuàng)建一個(gè)全新的對(duì)象 這個(gè)對(duì)象的__proto__要指向構(gòu)造函數(shù)的原型prototype 執(zhí)行構(gòu)造函數(shù),使用 call/apply ...
實(shí)現(xiàn)千位分隔符 正則表達(dá)式(運(yùn)用了正則的前向聲明和反前向聲明): 將js對(duì)象轉(zhuǎn)化為樹(shù)形結(jié)構(gòu) 代碼實(shí)現(xiàn): 前端手寫(xiě)面試題詳細(xì)解答[https://kc7474.com/arch...
對(duì)象數(shù)組列表轉(zhuǎn)成樹(shù)形結(jié)構(gòu)(處理菜單) 實(shí)現(xiàn)代碼如下: 前端手寫(xiě)面試題詳細(xì)解答[https://kc7474.com/archives/1333?url=handwritten...
樹(shù)形結(jié)構(gòu)轉(zhuǎn)成列表(處理菜單) 實(shí)現(xiàn)代碼如下: 前端手寫(xiě)面試題詳細(xì)解答[https://kc7474.com/archives/1333?url=handwritten] 對(duì)象...
對(duì)作用域、作用域鏈的理解 1)全局作用域和函數(shù)作用域 (1)全局作用域 最外層函數(shù)和最外層函數(shù)外面定義的變量擁有全局作用域 所有未定義直接賦值的變量自動(dòng)聲明為全局作用域 所有...
Proxy代理 proxy在目標(biāo)對(duì)象的外層搭建了一層攔截,外界對(duì)目標(biāo)對(duì)象的某些操作,必須通過(guò)這層攔截 new Proxy()表示生成一個(gè)Proxy實(shí)例,target參數(shù)表示所...