浏览器按顺序扫描媒体源，选择第一个能解码的即止，不会比较优劣。首个源必须为H 264BaselineProfileMP4，type属性需精确匹配编码参数。type错误、结构不当或路径问题均会导致静默失败且无错误提示。

定时器任务需设计至少五个状态原子迁移，避免竞态条件。状态包括空闲、就绪、执行、到期、取消，迁移必须通过CAS操作验证，资源生命周期与状态严格绑定，外部操作合并为原子调用以消除检查与执行间的时间窗口。

返回顶部按钮应使用position:fixed定位，通过opacity和transition控制显示隐藏，代替display切换以避免重排。滚动监听需使用防抖与节流，隐藏阈值设为scrollY大于300。移动端因工具栏伸缩导致视口高度突变时，使用clamp调整bottom值或监听visualViewport事件，防止按钮抖动。

details与summary是原生HTML折叠面板，无需JavaScript即可实现展开收起，支持键盘和无障碍访问。基础用法中，details默认折叠，加open属性可展开；summary可含文字或内联元素。自定义样式需隐藏原生箭头并添加图标。JS操作时注意open属性与DOM属性的区别，toggle事件仅用户交互触发。嵌套建议不超过两层，兼容主流浏览器，

首屏文本不能等CSS加载完再显示，关键CSS需内联且控制在10KB内。骨架屏须与真实DOM共用尺寸计算逻辑，避免塌陷。切换时严格对齐DOM结构，用replaceWith替换。无限滚动用IntersectionObserver提前触发，服务端告知hasMore状态。

performance memory不能直接判断DOM节点数，但usedJSHeapSize超限0 75且无大ArrayBuffer时提示DOM过载。用querySelectorAll( * ) length验证，需排除动态残留、ShadowDOM等。分层预警：>5000且1分钟增长>500为黄；>15000且内存超限0 8为红，结合监听器。

现代框架中内联onclick失效，需用框架事件系统。阻止冒泡应调用stopPropagation()而非设捕获参数。事件委托应绑在稳定父容器而非document，避免性能与逻辑问题。滥用stopPropagation会破坏功能联动，优先用结构或样式规避。

article标签用于标识可独立分发的内容，判断标准是能否回答作者、时间、主题三个问题。嵌套仅当子内容也满足独立条件。与section区别在于section为主题分区，article为独立实体。需注意元信息的机器可读性。