Skip to content

Main Navigation 首页成长地图知识手札面试题库职业与动态关于

Sidebar Navigation

Web Components 知识手札

总览

Web Components 成长地图

自定义元素与生命周期

纵览

define、升级与名称约束

connected/disconnected 与资源

observedAttributes 与反射

自定义元素与生命周期

自定义元素与生命周期：练习答案

Shadow DOM、模板与 slot

纵览

open/closed ShadowRoot

template 克隆与渲染

slot、fallback 与分配

Shadow DOM、模板与 slot

Shadow DOM、模板与 slot：练习答案

属性、属性值与事件契约

纵览

attribute 与 property 同步

CustomEvent detail 与 composed

表单关联与 value

属性、属性值与事件契约

属性、属性值与事件契约：练习答案

框架互操作与测试边界

纵览

whenDefined 与测试时序

框架 property/event 桥

shadow、焦点与真实浏览器

框架互操作与测试边界

框架互操作与测试边界：练习答案

Form-associated custom elements

纵览

ElementInternals 与表单值

自定义校验与报告

formAssociatedCallback 生命周期

ElementInternals 不支持时降级

表单关联自定义元素：练习答案

升级、移动与生命周期

纵览

customElements.whenDefined

移动节点与状态

adoptedCallback 与文档变化

资源清理与重复连接

移动节点与生命周期：练习答案

Shadow CSS、主题与可访问样式

纵览

:host 与 host-context

::part 暴露内部样式

slot 分配与 fallback

内部语义与焦点

Web Components 样式：练习答案

发布、框架互操作与测试

纵览

ESM、side effects 与定义时机

React/Vue 属性事件桥接

升级与 shadow 测试

公开契约与迁移

组件打包与发布：练习答案

本页目录

Shadow DOM、模板与 slot

open/closed ShadowRoot
template 克隆与渲染
slot、fallback 与分配
Shadow DOM、模板与 slot

Pager

上一页Shadow DOM、模板与 slot

下一页template 克隆与渲染

用心记录每一步成长

Copyright © 2026-present Twiink