声明式 Shadow DOM
通常都是通过JS创建Shadow DOM ,禁用JS或服务端渲染时Shadow DOM 不能正常解析,js加载延迟,shadow DOM 样式解析延迟,导致页面闪烁. 造成"无样式内容的闪现”(FOUC). 声明式shadowDOM由浏览器内核直接解析,方便SSR服务器渲染,有利于搜索引擎SEO.
包含关键字 customElements 的文章
web components 自定义表单组件
web components 自定义表单组件.
模板标签函数原理
html``模板标签函数html原理
Web Components #7 组件事件
web components 事件处理
Web Components #6 组件样式css
自定义组件样式web组件的css注意项.主要是 Shadow DOM的样式,和module中加载css. css in js.