【Avalon】Avalon笔记（解析Dom模板树，按自己的规范）

解析Dom树:

{{}}结点：生成求值函数(ViewModel)和刷新函数(View)，立即进行一次求值（注册监听器到setter/getter）和刷新

解析流程：

domReady扫描Dom树：

特定结点（带ms-属性/{{ }}结点）

（1）解析属性

ms-important/ms-controller取ViewModel

ms-xxxx 绑定

（2）解析子结点（传递vm链）：ms-/{{ }}的元素结点/文本结点

解析{{}}：生成求值器和绑定器，求值（触发getter：注册监听器），绑定（刷新界面）

内部函数说明：

scanTag：扫描元素结点

scanText：扫描文本结点

scanNodes：扫描子结点

【Avalon】Avalon笔记（解析Dom模板树，按自己的规范）相关推荐

Vue里标签嵌套限制问题解决------解析DOM模板时注意事项：
Vue里标签嵌套限制问题解决------解析DOM模板时注意事项: 参考文章: (1)Vue里标签嵌套限制问题解决------解析DOM模板时注意事项: (2)https://www.cnblogs. ...
Hyperledger Avalon启动笔记
前略之前有关Avalon的笔记 https://blog.csdn.net/oe1019/article/details/109395243 参考链接 https://hyperledger.git ...
【EASYDOM系列教程】之 DOM 元素树
DOM 元素树结构与 DOM 节点树结构很相似,区别仅在于是利用节点解析 HTML 元素,还是利用元素解析 HTML 元素. DOM 树结构还记得下面这张图吗? 上图中的 HTML 页面源代码如下: ...
字符串模板和dom模板的区别
dom模板就是原先就写在页面上的,能被浏览器识别的 html 结构,会在一加载就被浏览器渲染,所以要遵循 html 结构和标签命名,不然是不会被浏览器解析的,也就获取不到内容了,接着js获取 dom ...
Vue：字符串模板和dom模板的区别
最近看到vue官方文档的时候,多次提及字符串模板和dom模板,对这个概念比较模糊,经查阅后记录供日后参考. 1.字符串模板字符串模板就是写在vue中的template中定义的模板,如.vue的单文件 ...
XML解析---DOM解析和SAX解析
XML是一种通用的数据交换格式,它的平台无关性.语言无关性.系统无关性.给数据集成与交互带来了极大的方便.XML在不同的语言环境中解析方式都是一样的,只不过实现的语法不同而已. 对于XML的解析,还有 ...
Struts2解析FreeMarker模板中变量的顺序
http://zhxing.iteye.com/blog/391560 关于FreeMarker 的基础学习请参考文档..这里主要记录 FreeMarker 的一些问题.. 1.FreeMarker ...
jQuery学习笔记之DOM操作、事件绑定（2）
jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定源码地址: https ...
栈解析html文件,利用栈将html源码解析为节点树
/// 如何利用栈将html解析成节点树 /// 首先html是由一个个节点组成,最大的节点为节点她有两个子节点和 /// 首先我们将压入栈中再将压入栈中遇到出栈压入栈中遇到出栈 ...

【Avalon】Avalon笔记（解析Dom模板树，按自己的规范）

【Avalon】Avalon笔记（解析Dom模板树，按自己的规范）相关推荐

最新文章

热门文章