關於React庫的純JS DOM的單向視覺化?

2021-06-28 20:50:21 字數 478 閱讀 1026

【技術討論】react庫據說是用js模擬了dom,其視覺化是單向流向的,所以效能比dom要好(dom的getcomputedstyle或者會觸發reflow的style獲取?),但這不是意味著這個js dom需要實現所有的影響layout的css屬性設定操作?

如果真的實現了的話,豈不是js完全重新實現了webcore layout引擎了

其實dom的本質也是單向的,並不存在乙個單獨的ui反饋裝置,當設定了元素的css屬性並經過layout排版後,元素的大小位置都是根據乙個模型計算出來的,只不過某些中間視覺化相關的屬性沒有暴露出來而已

據說cssom就是為了解決這個問題,但是目前還沒有成熟

計算機視覺化本質上還是單向的,所謂的雙向只是模擬出來的

嚴格的雙向需要離散計算過程都是可逆的,但這一點實質上是做不到的,浮點數精度問題

不過假設某種情況下可以「雙向」的話,則意味著不需要什麼視覺化螢幕裝置了,可以讓它直接與人的大腦連線,與感知細胞進行通訊交流 

React合成事件和jsDOM事件的區別

js事件 小寫命名 啟用按鈕 阻止預設事件點我 react合成事件 事件駝峰命名 啟用按鈕 阻止預設事件 e.preventdefault function actionlink return 點我 react事件 是乙個合成事件。使用 react 的時候通常你不需要使用 addeventliste...

react 簡單優化設計 純元件的優化

加入有如下 settimeout 1000 這裡每隔1 秒 就重新整理一次,這個時候 a 元件會每次重複diff 演算法,看是否該重新渲染,然後走render 方法 這樣效率太低,我們的設想就是,只要 data 資料不變,我們就不會渲染,這樣會節省很大的成本 所以這就有了純元件的概念 一種是clas...

關於JS DOM建立大量資料 和 JS樹 的優化

在公司有乙個需求 由於之前沒有考慮到這種大資料量的情況下,在1000條資料 甚至連ie8都沒有辦法正常使用。有兩個選單乙個是 table 全列表,將所有的資料全部展現 乙個是樹形選單,有分級 理論上無限級 在大量的拼接之下,效率還是innerhtml 來的更高 網上已經有很多對比,這裡就不贅述了。當...