avalon2為了提高性能,采用全新的架構(gòu),四層架構(gòu),其中一層為虛擬DOM。
平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),游戲開發(fā),動(dòng)畫培訓(xùn)

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

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

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

與react的后端渲染相比,它的使用是非常簡(jiǎn)單的。React的渲染單位是組件,組件有生命周期,我們?cè)谔砑右恍┨幚頃r(shí),都是放在生命周期鉤子中(getDefaultProps,getInitialState,componentWillMount,componentDidMount,componentWillUpdate。。。。),而在nodejs,生命周期只能走到componentDidMount之前。用戶想后端渲染,需要有針對(duì)性地寫代碼。而avalon2則不需要懂這些,只要保證所有DOM操作在回調(diào)中就行了。

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式