-
HTML5的play()仅控制视频播放，弹幕需JavaScript手动实现：解析数据、创建元素、计算轨迹、定时渲染；须监听timeupdate事件、处理自动播放策略、单独加载弹幕文件。
-
RxJS通过Observable实现函数式响应编程，利用观察者模式处理异步事件流。1.Observable作为数据源，可被Observer订阅，支持next、error、complete回调；2.操作符如map、filter、debounceTime等提供链式调用的函数式变换，生成新流而不改变原流；3.广泛应用于表单防抖、路由监听、HTTP请求串联等场景，提升异步逻辑的可读与可维护性。
-
应保留单个<link>标签，通过构建工具（如Sass@use）将功能模块（_buttons.scss等）编译合并为一个main.css，避免HTML中多link引发的加载阻塞、依赖失控与缓存问题。
-
rotate()绕画布原点(0,0)旋转而非图形中心，需用translate()移原点、rotate()、再translate()复位或setTransform()设矩阵，配合save()/restore()避免状态污染。
-
Prisma目前原生不支持抽象模型或继承机制，但可通过ZenStack等兼容工具在.zmodel中定义抽象基类并自动编译为标准PrismaSchema，高效复用审计字段（如createdAt、updatedAt）等通用结构。
-
本文详解如何在绝对定位的弹出表格容器中，正确实现<h1>标题和<thead>表头的sticky定位，同时避免<tbody>滚动时向上穿透覆盖标题与表头——核心在于为sticky元素创建独立的层叠上下文与定位边界。
-
边框三角形本质是利用宽高为0元素的四边框交界斜角形成，必须保持三边透明且等宽、一边实色；设任一边border-width为0会破坏交角导致消失，伪元素中使用最安全。
-
JavaScript通过WebAudioAPI处理音频，利用AnalyserNode提取频域数据实现可视化；结合Canvas对视频逐帧处理，如灰度转换；通过getUserMedia访问摄像头与麦克风；使用FFmpeg.wasm进行音视频格式转换与剪辑，实现浏览器内高效媒体分析与操作。
-
元素旋转过渡不自然的主因是起始/结束值或时间函数设置不当，或浏览器角度插值问题；应显式设rotate(0deg)等具体值、用linear等合适缓动、启用will-change或translateZ(0)触发硬件加速。
-
ChromeDevToolsPerformance面板抓问题需录制3–5秒复现卡顿的操作，重点关注红色长条（JS执行过久）、频繁紫/绿色块（强制同步布局）、大量灰色ScriptEvaluation（未节流回调）；内存泄漏用Heapsnapshot对比DetachedDOM树增长；requestIdleCallback适用于可中断低优先级任务，WebWorker用于CPU密集型纯计算。
-
object-position比text-align更适合图片对齐，因为text-align对<img>无效（除非display:inline-block且有文本流），而object-position专为替换元素设计，配合object-fit可精确控制内容在容器内的锚点位置。
-
fr单位按剩余空间分配而非容器总宽，受padding、gap、min-width影响；响应式需用repeat(auto-fit,minmax(280px,1fr))；等高靠align-items:stretch或flex-column+margin-top:auto；IE11不支持fr，应降级为Flexbox。
-
最稳妥的背景透明方案是用rgba()而非opacity；rgba()仅影响背景色透明度，opacity会使整个元素及子元素同步变透明，易导致文字不清等问题。
-
box-shadow默认不占布局空间且随border-radius圆角延伸，外阴影不受overflow影响，内阴影可能被overflow:hidden裁剪，需通过padding或伪元素避免；多重阴影按书写顺序叠加，前一个覆盖后一个，正确设置可确保阴影在盒模型中准确呈现。
-
制作徽章和角标的核心思路是利用HTML构建结构，CSS通过定位、背景、圆角等属性实现视觉效果，通常将徽章元素置于相对定位的父容器内并使用绝对定位精确摆放；2.徽章和角标之所以重要，是因为它们能有效引导用户注意力、传递状态信息、降低认知负担，并满足用户对完成感和即时反馈的心理需求；3.动态更新徽章数字的常见方法是通过JavaScript操作DOM更新文本内容，结合后端数据或前端状态变化，使用前端框架的响应式系统可更高效实现，实时场景可结合WebSocket或SSE技术；4.无障碍性方面需使用aria-lab
