avalon2為了提高性能,采用全新的架構,四層架構,其中一層為虛擬DOM。
平面設計培訓,網頁設計培訓,美工培訓,游戲開發(fā),動畫培訓

虛擬DOM的一個好處是能大大提高性能,另一個好處是能過錯整描述我們的頁面結構。因此在非瀏覽器環(huán)境下,虛擬DOM也能正常運行。并且avalon2自一開始,就努力隔離DOM API?;谶@兩點,avalon2可以原封不動地運行于nodejs中,進行定義VM,渲染視圖等操作。
平面設計培訓,網頁設計培訓,美工培訓,游戲開發(fā),動畫培訓

  1. 客戶端上,虛擬DOM通過vm.$render方法渲染到頁面中

  2. 服務端上,虛擬DOM使用serveRender生成HTML字符串

與react的后端渲染相比,它的使用是非常簡單的。React的渲染單位是組件,組件有生命周期,我們在添加一些處理時,都是放在生命周期鉤子中(getDefaultProps,getInitialState,componentWillMount,componentDidMount,componentWillUpdate。。。。),而在nodejs,生命周期只能走到componentDidMount之前。用戶想后端渲染,需要有針對性地寫代碼。而avalon2則不需要懂這些,只要保證所有DOM操作在回調中就行了。

網友評論