react 資料發生變化,頁面改變的原理

2022-06-16 15:03:08 字數 439 閱讀 8408

資料發生變化,頁面改變的原理:

比較虛擬的dom 不怎麼損耗效能,真實的dom比較會損耗效能

1.state 資料

2.jsx 模板

3.生成虛擬的dom

3.資料和模板結合,生成虛擬的dom

4.用虛擬的dom 來生成真實的dom,來顯示

5.state 發生改變

6.資料和模板結合,生成虛擬的dom

7.比較新的虛擬dom和舊的虛擬dom,找出差別,改變

8.直接操作dom,改變內容

jsx語法 => react.createelement=> 虛擬的dom =>真實的dom

=react.createelement('div',,react.createelement('span',{}))

虛擬dom 的好處:

效能提公升

跨端應用得以實現

shell判斷檔案是否發生變化

公司有個需求,通過檢測檔案是否變化,而判斷是否進行發布操作,以下為判斷 bin bash 檢測的檔案 package data file.index 記錄 md5值的檔案 md5 package md5 建立新的md5資訊 package md5 new md5sum b package awk s...

預期中的開發平台發生變化

11月28 日,james maguire 根據乙份 evans data 最新的調查報告,指出 當今具有 linux 開發經驗的開發者對於未來開發平台的預期 forecast 發生重大變化,預示著世界軟體市場即將發生一場巨變。據一項調查發現,發達國家專職程式設計師的 程式設計年齡 要比我國一般程式...

點選父元素 子元素發生變化

今天學到css的動畫animation 和 過渡transition 動畫沒什麼說的,在使用過度這個屬性時,發現 hover 必須要懸停在設定的div上才動,比如旋轉,有時候就給你卡在那,不會讓你的滑鼠停在空白的地方。所以 應該是有懸停在父元素上 而子元素動的功能的。css就是這樣,不知道就不會,知...