-
CSS动画无法直接控制某一段快慢，需通过拆分动画段、cubic-bezier()自定义曲线、steps()逐帧控制或JavaScript手动时间映射实现局部变速。
-
HTMLMediaElement.play()是原生方法，不存在html5play函数；分段播放需手动控制currentTime、pause()、play()及timeupdate事件，用区间判断替代精确时间点以避免失效。
-
JavaScript时间复杂度衡量执行时间随输入规模的增长趋势，核心是识别最频繁操作并用大O记号表示；单层循环通常O(n)，双重嵌套常O(n²)，但双指针等优化结构仍可保持O(n)。
-
<p>应使用IntersectionObserver或scrollTop+clientHeight≥scrollHeight-threshold（阈值10~50px）判断触底，配合节流与isLoading/noMore状态守卫防重复请求，并在父组件用concat更新列表、$nextTick后滚动到底部。</p>
-
:not()仅作用于当前选择器匹配的元素本身，不递归穿透后代，其内只能写简单选择器，多:not()连用为逻辑与，且权重等同于括号内选择器。
-
九宫格Flex布局关键在于小屏稳定撑满且不换行错位：需显式设flex-wrap:wrap、flex-direction:row，用flex-basis而非width控制格子尺寸，并配合gap或calc减间隙防错位。
-
要获取JavaScript对象所有原型链上的属性，需遍历原型链并收集每层的属性，同时避免污染和性能问题。1.使用Object.getPrototypeOf()沿原型链向上遍历，结合Object.getOwnPropertyNames()收集每个原型的属性，并用Set去重，最终转为数组返回；2.避免原型链污染的方法包括：不直接修改内置对象原型、使用Object.create(null)创建无原型对象、用Object.freeze()或Object.seal()锁定对象、对外部数据严格校验、以及通过Objec
-
必须在目标元素dragover事件中调用e.preventDefault()，否则drop不会触发；动态渲染需每次重新绑定；Safari需设dataTransfer.effectAllowed="move"；应传application/json结构化数据而非text/plain；避免dragstart中操作DOM；移动端需pointer事件fallback；嵌套列表需用closest判断落点并设子元素draggable="false"。
-
SharedWorker是浏览器中唯一支持多标签页、iframe和ServiceWorker共享同一上下文的API，适合作为本地资源访问的中央调度器，通过消息队列串行处理请求、配对响应、超时清理及共享状态广播来避免竞态与雪崩。
-
本文介绍一种基于动态导入（dynamicimport）的轻量级方案，使Deno应用能根据命令行参数（如denorunmain.tsconfig1）实时加载对应配置模块，避免静态导入限制，同时保障代码模块化与可维护性。
-
删<metaname="viewport">不能禁用Bootstrap响应式，反而导致移动端显示异常；真正禁用需停用其媒体查询，如使用非响应式构建版、设$enable-responsive为false或仅引入bootstrap-grid.css。
-
当多个CSS动画并行运行且持续时间不一致时，若某动画（如背景色变化）提前结束而元素自身未定义默认背景色，会导致视觉上“消失”——实为透明背景暴露所致。
-
清除浮动本质是解决父容器因子元素浮动导致高度塌陷的问题；clear属性仅控制当前元素边距不紧贴浮动元素，需配合BFC触发、伪元素或Flex/Grid布局等现代方案彻底解决。
-
图片hover时filterblur卡顿的解决方法：仅过渡filter属性、启用GPU加速（will-change:filter或transform:translateZ(0)）、默认设轻微模糊（blur(0.2px)）、避免display/visibility突变及overflow干扰。
-
用fieldset+legend实现语义化只读订单预览，通过disabled属性天然阻断交互、传达不可编辑意图，配合readonly区分展示与锁定字段，HTML原生格式化金额日期，@mediaprint保障打印可用性。
