-
IndexedDB中cursor是指向当前记录的异步指针，非可迭代对象，故不能用for...of遍历；必须在onsuccess回调中通过continue()或advance()推进，并检查cursor是否为null来终止遍历。
-
本文详解如何在ESLint单配或多层继承场景中，对已继承的规则（如import/order）进行增量式覆盖，避免全量重写，提升配置可维护性与复用性。
-
本文详解如何基于CanvasAPI，利用对象数组高效创建、更新和渲染多个粒子（圆形形状），并内置物理属性（速度、加速度、摩擦力、生命周期）以支持真实碰撞模拟，彻底告别重复手写绘图代码。
-
sticky定位失效主因是父容器overflow非visible或未设top值，需确保最近可滚动祖先无overflow:hidden/auto/scroll且显式声明top，同时避免transform等创建新层叠上下文的属性。
-
浮动页脚塌陷需清除浮动或触发BFC：用overflow:hidden、clear:both空div或伪元素::after；左右栏不设固定宽，分别float:left/right并预留margin；IE6/7加display:inline修复双倍margin；移动端需检查viewport、min-width和white-space。
-
高效HTML元素定位需结合五种方法：一、用开发者工具审查元素；二、控制台执行DOM查询命令；三、CSS选择器层级精确定位；四、XPath跨结构定位；五、安装SelectorGadget等扩展增强能力。
-
用:checked伪类替代:hover可实现移动端可控的点击展开/收起菜单，需将checkbox与菜单置于共同父容器内、菜单设position:absolute且父容器设position:relative，配合max-height过渡动画，并完善可访问性。
-
多层await嵌套不推荐，因其掩盖并发机会、放大错误传播、拖慢初始化；应改用依赖拓扑识别与有向执行控制，如Promise.all显式声明依赖并并发执行。
-
应仅在无更合适语义标签时用<span>，如纯样式或事件绑定；误用如<spanclass="date">应改用<timedatetime>，且<span>每页不宜超3次。
-
WebAnimationsAPI是浏览器原生JavaScript接口，用于编程创建、控制CSS/SVG动画；支持animate()启动、play/pause/reverse/cancel等精细控制，以及finish/cancel事件监听，性能优于rAF且可与CSS动画协同。
-
Chrome打印预览中页眉页脚开关在Ctrl+P/Cmd+P打开的打印面板右下角“更多设置”内，需取消勾选“页眉和页脚”复选框；@page仅支持页边距设置，:first伪类不可嵌套样式；position:fixed页眉页脚在PDF中仅首屏渲染；页码必须用class="pageNumber"和"totalPages"，否则不生效。
-
img标签必须设alt属性，空alt=""表示图片无文字等效内容，适用于装饰性图片；承载信息的图片需提供简明准确的替代文本，长度建议≤125字符；srcset不影响alt设置逻辑；CSS背景图、SVG、JS插入图片需额外保障无障碍支持。
-
使用CSSanimation与transform:rotate()可实现高效旋转动画。1.通过@keyframes定义从0deg到360deg的旋转关键帧，并绑定animation属性使元素持续旋转；2.调整animation-duration控制速度，animation-direction设置正反或交替方向；3.实际应用于加载动画时，结合border差异和圆形样式形成视觉指示；4.优化方面应优先使用transform避免重排，添加will-change提升渲染性能，移动端慎用长时间动画以保流畅。合理配置
-
用L.marker([纬度,经度]).bindPopup()绑定HTML内容即可实现点击显示带位置信息的弹窗；需注意坐标顺序、容器高度设置、逆地理编码调用及移动端click事件启用等关键细节。
-
HTML表格通过table、tr、td/th标签构建基本结构，支持边框设置、单元格合并及嵌套布局；其中th用于表头，rowspan/colspan实现跨行跨列，HTML5推荐用CSS替代废弃的border等属性。
