南楓小謹(jǐn)

一些基本命令 Bash 編程-變量

南楓小謹(jǐn)

準(zhǔn)備工作 redux 工作流程 首先由用戶發(fā)出action store.dispatch(action) store 自動(dòng)調(diào)用reducer 并傳入兩個(gè)參數(shù)當(dāng)前 State...

南楓小謹(jǐn)

最近看了react-router 源碼敏簿，對(duì)react-router有了更深的理解友驮，下面寫(xiě)點(diǎn)東西備忘：react-router-dom 是對(duì)react-router 的擴(kuò)展金句，而...

南楓小謹(jǐn)

問(wèn)題的開(kāi)始 由setState 引出問(wèn)：setState 是同步的是還異步的？答：在React合成事件中是異步的坛缕，在原生事件中是同步的。那么，React 合成事件是什么呢居暖？...

南楓小謹(jǐn)

生命周期 應(yīng)用周期 onLaunch 首次打開(kāi) onShow 初始化完成 onHide 切換 頁(yè)面周期 onLoad 加載頁(yè)面 onShow 前后臺(tái)切換 onHide 前后臺(tái)...

南楓小謹(jǐn)

1.diff算法優(yōu)化 vue2.0 中虛擬dom 是全量對(duì)比；vue3.0 中新增了靜態(tài)標(biāo)記（patchFlag）藤肢，只對(duì)比有PF的節(jié)點(diǎn)太闺，并且通過(guò)Flag的信息對(duì)比節(jié)點(diǎn)的具體內(nèi)...

南楓小謹(jǐn)

為什么需要虛擬Dom 在不使用虛擬dom的情況下，修改一個(gè)節(jié)點(diǎn)會(huì)引起整個(gè)頁(yè)面的重繪嘁圈。比如又一個(gè)元素進(jìn)行了修改（刪除）省骂，剩余的9個(gè)元素都需要加載重繪。虛擬Dom就是有一個(gè)虛擬的...

南楓小謹(jǐn)

Vue中的template 里面使用的模版是HTML語(yǔ)法組件的頁(yè)面最住，在Vue中都會(huì)被編譯成render函數(shù)钞澳，Vue會(huì)采用虛擬dom進(jìn)行頁(yè)面組件渲染。 render函數(shù)基本使用...

南楓小謹(jǐn)

Vue 的雙向數(shù)據(jù)綁定采用defineProperty（3.0以前） 以及 發(fā)布訂閱模式來(lái)實(shí)現(xiàn)的涨缚。defineProperty 劫持 set 與get轧粟，在set 時(shí) 通過(guò)De...

南楓小謹(jǐn)

vue ssr 創(chuàng)建工程 vue cli3 安裝依賴 編寫(xiě)服務(wù)端腳本 采用vue-router src下新建一個(gè)router文件夾，新建一個(gè)index.js componen...

南楓小謹(jǐn)

手寫(xiě) vuex 插件固定寫(xiě)法 混入 創(chuàng)建 Store 由于需要使用 new Vuex.Store 來(lái)創(chuàng)建仗岖，所以 Vuex 中要包含Store 如何實(shí)現(xiàn)響應(yīng)式 可以借助vue ...

南楓小謹(jǐn)

原始時(shí)代路由 路由全部都是由服務(wù)端控制的逃延，前端代碼和服務(wù)代碼過(guò)度融合在一起≡簦客戶端/前端發(fā)起http請(qǐng)求揽祥，服務(wù)端通過(guò)不同的url路徑去匹配不同的路由/返回不同的數(shù)據(jù)優(yōu)點(diǎn)：直接...

南楓小謹(jǐn)

自己寫(xiě)一個(gè)cli npm init --yes 初始化一個(gè)node的環(huán)境 創(chuàng)建index.js 輸入 修改packagejson加入 npm link 連接到全局 修改ind...

南楓小謹(jǐn)

this 問(wèn)題總結(jié) 默認(rèn)綁定（函數(shù)直接調(diào)用） 非嚴(yán)格模式下： 嚴(yán)格模式下： TIP1 ?? 非嚴(yán)格模式下，默認(rèn)綁定指向全局（node 中式 global） 隱式綁定（屬性訪問(wèn)調(diào)...

南楓小謹(jǐn)

this 指向 普通函數(shù) 普通函數(shù)誰(shuí)調(diào)用檩电，函數(shù)中this就指向誰(shuí)拄丰，teacher調(diào)用getName府树，getName中的this指向teacher 箭頭函數(shù) 箭頭函數(shù)?的thi...

南楓小謹(jǐn)

繼承 原型鏈繼承 實(shí)現(xiàn) 隱含的問(wèn)題 如果有屬性是引用類型的，一旦某個(gè)實(shí)例修改了這個(gè)屬性料按，所有實(shí)例都會(huì)受到影響 創(chuàng)建 Child 實(shí)例的時(shí)候奄侠，不能傳參 構(gòu)造函數(shù)繼承 看到上面的...

南楓小謹(jǐn)

call apply new bind

南楓小謹(jǐn)

為什么有事件循環(huán) -JS單線程JavaScript設(shè)計(jì)之初就是單線程的闷盔，主要用途是與用戶互動(dòng)弯洗，以及操作DOM。為了避免兩個(gè)線程同時(shí)操作DOM的情況發(fā)生逢勾，就采用了單線程牡整。即使H...