解析Dom樹(shù):

{{}}結(jié)點(diǎn)：生成求值函數(shù)(ViewModel)和刷新函數(shù)(View)，立即進(jìn)行一次求值（注冊(cè)監(jiān)聽(tīng)器到setter/getter）和刷新

解析流程：

domReady掃描Dom樹(shù)：

? ? ? ? ?特定結(jié)點(diǎn)（帶ms-屬性/{{ }}結(jié)點(diǎn)）

? ? ? ? （1）解析屬性

? ? ? ? ? ? ? ? ? ? ?ms-important/ms-controller取ViewModel

? ? ? ? ? ? ? ? ? ? ?ms-xxxx 綁定

? ? ? ? （2）解析子結(jié)點(diǎn)（傳遞vm鏈）：ms-/{{ }}的元素結(jié)點(diǎn)/文本結(jié)點(diǎn)

解析{{}}：生成求值器和綁定器，求值（觸發(fā)getter：注冊(cè)監(jiān)聽(tīng)器），綁定（刷新界面）

內(nèi)部函數(shù)說(shuō)明：

scanTag：掃描元素結(jié)點(diǎn)

scanText：掃描文本結(jié)點(diǎn)

scanNodes：掃描子結(jié)點(diǎn)

? ? ? ? ??

? ? ? ? ??

與50位技術(shù)專(zhuān)家面對(duì)面20年技術(shù)見(jiàn)證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的【Avalon】Avalon笔记（解析Dom模板树，按自己的规范）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。