解析Dom樹:

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

解析流程：

domReady掃描Dom樹：

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

? ? ? ? （1）解析屬性

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

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

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

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

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

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

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

scanNodes：掃描子結(jié)點

? ? ? ? ??

? ? ? ? ??

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

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

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