-
HTML的video标签不支持RTSP协议，因浏览器已移除对RTSP/RTP的原生支持，必须通过服务端转流为HLS或WebRTC才能播放。
-
使用transition和animation可实现CSS透明度渐变，hover时通过transition平滑改变opacity实现淡入淡出，自动循环动画则用@keyframes定义关键帧并设置infinite循环，多个元素交错出现可通过animation-delay控制延迟，配合forwards保持最终状态，注意opacity影响整体元素，性能敏感场景建议优化或使用rgba替代。
-
HTML5Canvas通过JavaScript获取2D上下文实现像素级绘图，支持矩形、路径、样式设置、图像绘制及像素操作。
-
由于原生<select>元素的限制，onMouseOver无法直接作用于<option>标签；需通过监听<select>的onMouseMove并结合options和selectedIndex动态判断悬停目标来实现等效功能。
-
手写CSS变慢不是能力问题，而是现代项目需自动化：Tailwind+PostCSS处理原子样式与兼容性，Linaria解决动态逻辑，:has()等原生特性可替代JS逻辑。
-
最稳方案是避开中文路径，而非硬刚编码；应统一用英文+数字+短横线命名资源，构建时用脚本扫描非法文件名，必要时对小图标采用base64内联。
-
本文介绍在使用MutationObserver监听动态插入节点时，如何正确为无ID、无class的特定元素（如<li>）设置内联CSS样式，重点纠正setAtribute拼写错误及body.style误用，并提供可直接运行的健壮实现方案。
-
React18开发模式下，StrictMode会故意双倍执行useEffect（包括挂载/卸载模拟），这是为检测副作用不纯问题而设计的调试机制，并非Bug；生产构建中不会发生。
-
JavaScript原型是函数对象的prototype属性，指向供实例共享属性和方法的对象，构成原型链实现继承；属性查找先自身后沿__proto__向上直至Object.prototype；class语法是基于原型的语法糖。
-
play()方法返回Promise而非布尔值，需用await或.then()处理；reject常见于非用户手势触发、未静音或媒体未就绪；iOSSafari限制最严，须设playsinline、muted等属性。
-
页面宽度超出屏幕主因是默认content-box盒模型使padding和border额外增加宽度；应全局设box-sizing:border-box，并配合max-width、overflow-x:auto及清除常见撑宽源。
-
使用catch捕获Promise链错误，async/await需try/catch处理异常，避免裸露Promise.reject()，并发任务用Promise.allSettled()实现错误隔离，确保异步错误始终可捕获。
-
fixed和sticky均可实现元素跟随滚动，fixed用于全局固定导航栏等脱离文档流的元素，需避免遮挡内容；sticky则在元素到达阈值时局部吸附，适用于表头等场景，依赖父容器无overflow:hidden且需指定top等值，两者根据需求选择以提升体验。
-
在Next.js中使用Context管理模态框（Modal）并动态传入异步获取的数据时，因modalsBase数组在data尚未就绪时即被静态定义，导致子组件接收到undefined——这是典型的“闭包捕获初始状态”问题。
-
减少DOM操作可降低重排与重绘开销，建议批量处理并使用DocumentFragment；2.合理使用事件委托能减少内存占用并提升动态元素管理效率；3.避免内存泄漏需及时清理定时器、解绑事件及控制全局变量；4.优化循环应缓存数组长度并降低算法复杂度以提升执行效率。
