React原理學習

diff演算法

檢視react編譯結果：babel

// 引數一：標籤名 / 元件變數

// 引數二：attributes
// 引數三及往後：children / text
react.createelement('tagname', null, )
react.createelement('tagname', null, child1, child2, ...)

優勢：

同步setstate過程

isbatchingupdates =

true
this
.setstate()
;isbatchingupdates =
false

isbatchingupdates =

true
settimeout((
)=>);
},0)
;isbatchingupdates =
false

哪些能命中batchupdate機制（react可以管理的入口）

哪些不能batchupdate函式（react管不到的入口）

定義initialize和close鉤子，在自定義函式初始化時包裹。

渲染過程

元件更新過程

更新的兩個階段(patch的拆分)效能問題：

解決方案 fiber：

// 0， 非同步，合併

this

.setstate()

console.

log(

'2',

this

.state.count)

// 0， 非同步，合併

settimeout((

)=>

) console.

log(

'3',

this

.state.count)

// 2，同步})

settimeout((

)=>

) console.

log(

'4',

this

.state.count)

// 3，同步})

}返回乙個新值，沒有***（不會修改其他值）

重點：不可變值

如arr1 = arr1.slice()

diff演算法通過tag和key來判斷是否samenode，減少渲染次數，優化效能

import react from 'react'

import  from 'react-router-dom'
const home = react.lazy(() => import('./routes/home'))
)

區別：

Traceroute原理學習

traceroute 可以讓我們看到 ip資料報從一台主機傳到另一台主機所經過的路由。曾經介紹過 ip記錄路由的選項 rr，為什麼不使用這個選項而另外開發乙個新的應用程式 traceroute呢？原因有三 其一，並不是所有的路由器都支援記錄路由這個選項 其二，記錄路由一般是單向的選項，傳送端設定了該...

Spring原理學習

簡介 spring 框架是乙個分層架構，由 7 個定義良好的模組組成。spring 模組構建在核心容器之上，核心容器定義了建立 配置和管理 bean 的方式。組成 spring 框架的每個模組 或元件 都可以單獨存在，或者與其他乙個或多個模組聯合實現。每個模組的功能如下 核心容器 核心容器提供 sp...

Mysql 原理學習

7 27 2 併發控制和鎖的概念 併發會 有可能產生 資料髒讀 多個操作修改 同乙個資料時，產生髒資料。解決併發問題的解決方案 鎖的機制 1 共享鎖 2 排它鎖 讀鎖和寫鎖 select 時 加讀鎖，其他的select 操作可以讀取，但是不能修改 update 時 加寫鎖，其他的 操作不了。鎖的粒度...