avalon2為了提高性能,采用全新的架構(gòu),四層架構(gòu),其中一層為虛擬DOM。
虛擬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,渲染視圖等操作。
客戶端上,虛擬DOM通過
vm.$render
方法渲染到頁(yè)面中服務(wù)端上,虛擬DOM使用
serveRender
生成HTML字符串
與react的后端渲染相比,它的使用是非常簡(jiǎn)單的。React的渲染單位是組件,組件有生命周期,我們?cè)谔砑右恍┨幚頃r(shí),都是放在生命周期鉤子中(getDefaultProps,getInitialState,componentWillMount,componentDidMount,componentWillUpdate。。。。),而在nodejs,生命周期只能走到componentDidMount之前。用戶想后端渲染,需要有針對(duì)性地寫代碼。而avalon2則不需要懂這些,只要保證所有DOM操作在回調(diào)中就行了。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26