-
最简表格结构为<table><tr><td></td></tr></table>，必须包含table、tr、td三层标签，缺一不可；th用于表头，td用于数据；需用CSS设置border和border-collapse:collapse来控制边框。
-
模板字符串用${}插变量，是JS原生语法；支持简单表达式但禁复杂逻辑；列表渲染用map+join；可调纯函数但禁异步或DOM操作；innerHTML失效多因非法HTML或空白符；需手动转义防XSS。
-
原生<details>和<summary>可实现无JS/CSS框架的折叠面板，<summary>必为<details>首子元素且需闭合标签；open属性设默认展开；支持键盘与屏幕阅读器，但动画需:has()或JS控制类名配合max-height/opacity实现。
-
表单拆分需以集中状态管理（如formData对象）为核心，统一通过updateField更新、localStorage持久化（配合beforeunload）、跨步骤校验，并用FormData手动聚合多表单数据，禁用formdata事件依赖。
-
web-vitals是JavaScript库，非HTML标签或属性，需通过脚本调用onLCP/onCLS/onINP等函数采集指标；仅引入script不调用函数将无法获取数据，且须注意执行时机、buffered配置及手动上报逻辑。
-
HTML空元素共14个，是W3CHTML5标准明确定义的无内容、无闭合标签元素：area、base、br、col、embed、hr、img、input、link、meta、param、source、track、wbr。
-
流式SSR的核心难点在于保障hydration稳定、避免数据重复请求、确保错误边界有效。React18的renderToPipeableStream是唯一可靠方案，需搭配hydrateRoot、组件级数据预取、精准脚本注入与分层ErrorBoundary。
-
正确设置UTF-8编码、使用lang属性标识语言、通过dir属性控制文本方向、选用支持多语言的字体如NotoSans，并结合CSS处理特殊排版与断行，可实现HTML多语言文本的良好显示与兼容。
-
ES6的class是构造函数的语法糖，本质仍基于原型链，constructor定义实例初始化逻辑；未显式声明时自动提供空构造函数，子类中需用super()调用父类构造函数；class不提升，须先声明后使用。
-
color-gamut媒体查询仅检测设备默认色彩空间能力，返回sgamut、pgamut或rec2020三值，不反映校准状态、实际渲染精度或环境影响，依赖系统与浏览器共同上报，需配合display-p3色值、ICC配置、Canvas显式设置等全链路适配才能保障广色域一致呈现。
-
button内直接放SVG图标可能触发点击区域异常，因SVG默认pointer-events为auto且vertical-align为baseline，易导致空白区不可点或图标偏移；应设pointer-events:none和vertical-align:middle，并确保无障碍属性完整。
-
答案是使用泛型和索引类型实现类型安全的EventEmitter。通过定义Events接口明确事件名与参数类型，结合TypedEmitter泛型类约束on、emit方法的事件名和参数类型，确保编译时检查正确性，避免拼写错误或参数不匹配问题，提升代码健壮性。
-
Promise是JavaScript中处理异步操作的对象，代表未来完成或失败的结果；具有pending、fulfilled、rejected三种不可逆状态；通过newPromise创建，支持链式调用、错误捕获及Promise.all等静态方法。
-
纯HTML可实现三种浪漫表白页：一、渐变背景+心跳动画文字；二、点击触发淡入弹窗告白；三、滚动逐行浮现诗意情书。均无需后端，保存为.html即可运行。
-
Safari视差失效因合成降级，需加translateZ(0)强制硬件加速；scroll事件应监听document.scrollingElement.scrollTop；touchend需补帧防跳变；纯CSS视差仅Chromium支持。
