-
高效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等属性。
-
直接操作ESTreeAST比jscodeshift更可控，因其能精确处理命名约束、作用域感知替换和禁止混淆特定模式，避免破坏注释、空格及调试信息，并支持细粒度作用域隔离与安全跳过逻辑。
-
用scrollHeight实现textarea高度自适应最稳定：每次input前先设style.height='auto'，再读取并设置scrollHeight；需处理IE11换行符偏差和iOSSafari延迟问题。
-
trimStart更适合粘贴场景，因其仅清理开头空白符（含Unicode标准空白），避免误删末尾合法符号；对全角空格和零宽字符需额外正则处理，且需配合input事件防抖、手动派发事件及服务端校验一致性。
-
CSS动画顺序执行核心是用animation-delay控制启动时机，配合forwards保持终态，通过nth-child或CSS变量动态计算延迟值，优先使用transform/opacity等高性能属性。
-
poster属性仅在视频未加载或加载失败时显示，一旦元数据就绪即被替换；不显示常见于autoplay触发延迟、资源404、格式不兼容、图片过大或source未声明type等加载策略问题。
