主要观点:认为“web components”这个名称有害,主要是指名称本身,而非实际的 web 组件 API,其 API 本身有用但需更多;阐述了 web 组件的主要构成(自定义元素、影子 DOM、模板)及一些相关示例,强调组件已存在且可组合、灵活,指出“web components”存在品牌和教育问题,建议用更明确的名称代替。
关键信息:
- “web components”主要包含自定义元素、影子 DOM、模板等 API。
- 示例中不同代码片段展示了对这些 API 的不同使用方式。
- 已有的 JavaScript 框架使“components”概念普及,组件可组合成更复杂的结构。
- 自定义元素和影子 DOM 各有其适用场景,单纯依靠 web 组件 API 有局限性。
- “web components”存在品牌和教育上的混淆问题,建议用更准确的名称。
重要细节:
- 作者以自身经历说明曾过度使用“web components”并在修改旧作。
- 强调组件存在于不同层面,用影子 DOM 通常是为隐藏某些内容。
- 指出某些网站尝试用 web 组件 API 组成页面,但自己更倾向于大部分平坦的 DOM 树。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。