乙個物件導向的虛擬dom diff渲染

2021-09-24 09:29:25 字數 460 閱讀 8981

乙個物件導向的虛擬dom渲染,按照原生的node基類派生出textnode,element和component。功能只寫了一部分,主要通過物件導向去看,給人去了解這一塊內容,會更簡單一點。比如還有一些patch步聚我沒有去寫,在渲染過程中收集鉤子函式到佇列中,去執行特定的一些生命週期事件或內部鉤子函式來處理,事件、樣式繫結、更新等等。

如果如果了解比較深一點的或更高階的,可以了解react fiber機制.

下面這個是通過;

new delement()// 建立虛擬元素節點,

new dtext()// 建立虛擬文字節點,

new dcomponent()// 建立虛擬元件節點

vel.render(dom);// 渲染在頁面中

newvnode.render(oldvnode);//更新渲染

檢視效果

物件導向的乙個基本理解

物件導向的思維方式是一種更符合人類思考的思想 面向過程思維方式中更多的體現的是一種執行者 自己做一些事情 而物件導向的思維方式更多是體現一種指揮者 物件導向把問題簡單化 舉乙個簡單的例子 把大象裝冰箱裡為例子。上面的例子大象裝到冰箱裡 你得先思考大象裝到冰箱裡 是不是得需要乙個 冰箱 所以你得需要乙...

php 物件導向的乙個例子

複製 如下 php class person 下面是人的成員方法 function say 這個人可以說話的方法 function run 這個人可以走路的方法 這是乙個析構函adhctbj數,在物件銷毀前呼叫 function destruct 通過構造方法建立3個物件 p1,分別傳入三個不同的實...

Delphi物件導向 編寫乙個類

delphi物件導向學習隨筆二 編寫第乙個類 這回,我們討論怎麼編寫我們自己的第乙個類。在編寫我們自己的類之前,首先要說的是 類的繼承 記得前幾天,我在和乙個朋友討論類的特點的時候,他說 類是可以沒有構造方法的!其實類必須有至少乙個構造方法的,但是他的話也不全錯,可以理解成 我們可以不實現我們自己的...