-
fieldset必须包含legend子元素和至少一个可聚焦表单控件才能被浏览器正确解析并保留语义；否则可能被忽略、无边框或无法被屏幕阅读器识别。
-
用addEventListener绑定添加按钮点击事件，在回调中获取输入值、创建li并追加到容器，清空输入框前需检查非空；删除用事件委托监听ul，通过e.target.matches('.delete-btn')判断并移除父级li；localStorage存取需JSON序列化并容错处理；事件监听器应只绑定一次，避免重复。
-
rotateY翻页核心是用transform:rotateY()配合perspective和preserve-3d实现真实3D旋转，关键在transform-origin设为left/rightcenter对齐书脊、perspective加于父容器、backface-visibility隐藏背面。
-
视频无法播放的原因是浏览器对视频编码支持不同，解决方法是使用多个<source>标签提供多种格式。HTML5的<video>标签通过MP4（H.264）、WebM（VP8/VP9）、Ogg（Theora）等格式实现跨浏览器兼容；关键属性包括controls（控制条）、width/height（尺寸）、poster（封面图）和<source>（多格式支持）；常见问题如自动播放需配合muted、preload优化加载、playsinline适配移动端；优化方面包括视频压缩、
-
TypeScript是JavaScript的超集，所有合法JS代码都是合法TS代码，其核心价值在于类型系统与编译时检查，而非运行时能力；真正使用TS需主动定义interface/type、利用泛型、字面量类型等实现接口契约。
-
跨平台HTML工具在不同设备上效果差异源于渲染引擎、资源调度与硬件加速支持差异；需通过标准化测试环境、CSS帧率、JS执行时延、WebGL初始化及离线存储吞吐量五步实测分析。
-
Chrome和Firefox渲染不一致主因是引擎容错策略差异：Blink激进修复，Gecko保守暴露问题；pre标签格式失效多因CSS干扰；textarea须用value而非innerHTML读写；HTML格式化影响空白处理。
