Templates ● Custom Elements ● Shadow DOM ● Imports Templates Templates ● 脚手架 ● 惰性的 DOM 块，稍后需要时再激活 ● 解析，但不渲染 ● DOM at runtime. document.body.appendChild(content.cloneNode(true)); // 3. Clone to stamp it out. Custom Elements ● 定义自己的标签(名字中要包含 - ) ● 纽带，封装其它元素和属性、行为、JS代码 ● 创建新的 HTML 元素，扩展 HTML 的语义 ● 扩展现存的 DOM 对象 ● 组件复用的单元 ● 让标签更有意义 大量底层标签可读性差 自定义元素可读性好 One Two

Widget Tree Java / Kotlin React.js Rax.js / Vue.js VDOM Dart Native View Tree (OEM) Layout Tree DOM Tree JS VDOM Layer Tree Layer Tree 渲染技术探索 Dart JavaScript JavaScript JavaScript WORE ??? ?? WORE