资讯专栏INFORMATION COLUMN

在Shadow DOM使用原生模板

funnyZhang / 512人阅读

摘要:从中隐藏内容模板中的内容并不能视为的一部分,当我们查询节点时,绝对不会返回模板的节点。使用模板时,将模板内容插入到中即可。这颗子树形成了自己的闭合空间,比如子树可以包含与父文档中重复的和样式,而不会相冲突。

原生模板的优势

延迟了资源加载

延迟了加载和处理模板所引用的资源的时机,这样,用户就能够在模板中使用任意多的资源,却不阻碍页面的渲染。

延迟了渲染内容

无论模板在什么位置,浏览器不会把模板中的内容直接渲染出来。开发者可以将模板放在页面中的任意位置,然后根据具体的情形选择模板去渲染,而不必切换模板的display属性,或者担心由于解析不需要的模板内容而带来的开销。

从DOM中隐藏内容

模板中的内容并不能视为DOM的一部分,当我们查询DOM节点时,绝对不会返回模板的节点。这样,模板就不会拖慢DOM节点的查询速度。模板终点内容在激活之前都可以视为隐藏的。

原生模板的用法