-
filter支持CSS过渡动画，但必须显式声明transition:filter0.3sease；若仅写transition:all或未定义初始filter值，动画将失效，且多滤镜叠加顺序影响渲染结果。
-
HTML仅是容器，真正实现消息推送需JavaScript的NotificationAPI（仅前端通知显示）和WebPush（需ServiceWorker+PushManager+后端支持）。
-
useEffect是React函数组件中处理副作用的核心钩子，用于替代类组件中的componentDidMount、componentDidUpdate和componentWillUnmount，支持按需执行（如挂载时、状态变化时）并提供优雅的清理能力。
-
移动端网页监听swipe手势需用JavaScript自行计算touchstart/touchmove/touchend坐标差，横向位移绝对值大于纵向且超30px才判定为swipe，并注意iOS坐标缓存、passive设置及touch-actionCSS配置。
-
ins标签用于标记HTML文档中新增的文本，常与del标签配合展示修改痕迹；2.它通过默认下划线样式突出插入内容，适用于协作编辑、版本控制等需展示修改历史的场景；3.可使用cite和datetime属性提供插入文本的上下文信息；4.与mark标签的区别在于语义不同：ins表示文档修改中的新增内容，mark用于标记当前上下文中的重点内容；5.可通过CSS自定义ins标签的样式，如去除下划线、设置背景色和文本颜色，以符合设计需求。
-
letter-spacing调整字符间距，word-spacing控制单词间距，两者配合可提升文本可读性与设计感；前者适用于标题或字体微调，后者多用于英文段落增强呼吸感；合理设置正值或负值能优化视觉效果，避免过大间距破坏语义连贯，掌握叠加规则使排版更精准。
-
应禁止将undefined用作局部变量名，因其会覆盖全局undefined导致类型判断失真、逻辑错误及调试困难，推荐使用typeofx==='undefined'或void0替代。
-
Canvas画动态折线图最轻可控，需设行内宽高、时间转相对偏移、每帧clearRect、超200点降采样；SVG适合低频更新，用polyline+title实现悬停；fetch配合requestAnimationFrame实时刷新并加AbortController；移动端须处理devicePixelRatio、触摸坐标映射和字体缩放。
-
JIT去优化是保障语义正确的必要安全机制，而非性能退步征兆；其触发源于推测假设被打破，如类层次动态变更、逃逸分析失效、类型契约违反或方法重定义，高频核心算法因执行频次高且行为易变而尤为脆弱。
-
高阶函数map和filter用于数组处理，map转换元素并返回新数组，filter筛选符合条件的元素，二者均不修改原数组，可链式调用实现先过滤后映射，提升代码可读性与安全性。
-
HTML5<audio>标签支持的格式取决于浏览器解码能力，当前主流浏览器（Chrome126/Firefox127/Safari17.5）稳定支持的「容器+编码」组合极少：MP3仅限MPEG-1LayerIII（≤48kHz），OGG仅认Opus或Vorbis，WAV仅支持16-bitPCM，M4A/MP4必须含AAC-LC或ALAC；需按<source>顺序fallback并精确声明type，服务端须配置正确MIME、CORS及Range支持。
-
ChromeDevTools中定位正则回溯陷阱的关键是观察Performance面板中的长任务，若RegExp.prototype.exec等方法反复调用且耗时递增，即存在灾难性回溯；配合Network、Console测速验证输入风险，并在SourcesSnippets中用原子组等优化，使耗时从200ms降至1ms内。
-
background-size:cover本身不拉伸图片，问题在于容器高度失控；根本原因是父级未设可靠高度（如height/min-height），导致100%高度计算失效或100vh在iOS/安卓中动态变化，进而使cover缩放基准跳变。
-
Canvas是唯一可行的底层方案，因其在实时协作、笔迹平滑性与性能压测下表现稳定；必须手动处理事件节流、坐标归一化、路径压缩和上下文重置以解决卡顿、断笔、偏移问题；需检查getContext('2d')是否返回null并fallback，避免静默失败；移动端须校验CSS缩放导致的坐标扭曲；必须同时监听鼠标与触控事件并阻止默认行为；擦除应使用'destination-out'合成模式而非画白色；导出时需适配跨域、Retina屏及透明背景。
-
background-image自适应核心是background-size:cover/contain，Sassmixin仅封装重复逻辑；真正有用的bg-cover需设center定位、no-repeat，并兼顾@2x图与宽高比约束，而响应式依赖CSS能力而非Sass运行时。
