-
Bootstrap嵌套列出现空白是因外层.col的padding与内层.row的margin抵消不净，需在嵌套.row上加mx-n3（BS5）或mx-n2（BS4）负边距类解决。
-
首帧延迟需前后端协同测量：前端记录play()到loadeddata的时间差，后端记录RTSP连接建立至首个RTP包发出的时间戳；WebRTC方案实测可压至300–600ms。
-
在Safari中用appearance:none移除checkbox默认样式可行，但必须搭配::before或::after伪元素重绘且显式设置display:block（或inline-block），否则伪元素不渲染——这是Safari独有的坑。
-
HTML本身不提供视频转场选择面板，因其无内置转场库或图形界面，所有转场效果均依赖CSS动画、JS逻辑及视频元素叠加实现；浏览器仅解析video标签并执行CSS/JS，不理解“淡入淡出”等语义，更不会弹出预览菜单。
-
Object.is能区分+0和-0是因为其按IEEE754位模式严格比较，故Object.is(+0,-0)返回false；同时它使Object.is(NaN,NaN)为true，更符合相等直觉。
-
选框架前需明确项目功能需求，小页面或已有设计系统时无需完整CSS框架；Bootstrap提供预设组件和JS交互，Tailwind是原子类工具集，二者适用场景不同。
-
用Map实现撤销/重做，核心是将其作为“操作-快照”索引层，键为操作ID或类型序号，值存深拷贝状态、diff摘要或命令对象，避免引用污染；更新严格匹配用户显式意图，还原时协同past/future指针精准定位。
-
width变化不触发transition需确保元素有明确数值宽度（非auto）、写在默认状态而非hover中、行内元素设为block/inline-block；优先用max-width或flex-basis替代width过渡。
-
服务端主动关闭WebSocket必须走RFC6455关闭帧流程：先发CLOSE帧、等待对端响应、再关底层连接；直接调用close()或terminate()会导致1006异常断开，生产环境严禁用terminate()主动下线，仅限恶意帧拦截或超时强制清理。
-
header用于页面或区块的引导性内容（如logo、导航、标题），main标识唯一核心内容区且不可嵌套于article/section，section则按主题逻辑分组内容并须含标题。
-
:enabled和:disabled伪类用于区分表单元素的可交互状态。1.:enabled匹配可操作元素，如可输入文本框；2.:disabled匹配添加disabled属性的元素，常为不可编辑状态。常见应用包括设置不同背景色、文字颜色及光标样式，例如禁用时背景变灰、文字变淡并显示not-allowed光标。3.实际场景中常用于提交按钮防重复提交，结合JavaScript动态控制状态，样式自动切换。4.可配合input:disabled::placeholder调整禁用状态下占位符颜色，保持界面一致性。合理
-
srcdoc的核心作用是让<iframe>直接渲染内联HTML字符串，不发网络请求且默认隔离源；它专为内容可控、加载零延迟、安全边界清晰的小型动态场景设计，需配合sandbox使用以防范XSS风险。
-
label的for属性必须严格匹配控件的id（而非name），大小写敏感且不可含空格；若未设for或未包裹控件，则label丧失交互与可访问性功能。
-
优先使用visualViewportAPI动态调整底部按钮的bottom值，其height属性能准确反映键盘弹出后的可见区域变化；iOSSafari15.4以下则fallback到focus/blur+setTimeout延迟获取innerHeight差值，并确保blur时重置bottom。
-
支持“局部同构刷新”的Web架构核心是渲染职责的精细切分：首屏关键内容（如标题、摘要、正文前300字）必须服务端直出以保障SEO；局部刷新组件需严格水合，props与key须100%一致，并通过__INITIAL_DATA__注入；客户端仅接管交互衍生数据，且须提供服务端fallback。
