-
常见原因是父容器未设position:relative，导致absolute子元素定位错乱；需为一级分类li加relative，下拉层用absolute+top:100%对齐，并消除hover间隙以防闪退。
-
nth-of-type只按同标签名的兄弟元素顺序编号，忽略其他标签和样式；如p:nth-of-type(2)匹配父容器中第二个p元素，无论中间有无h2或span。
-
掌握正则高级技巧可显著提升JavaScript性能。1.使用非捕获组(?:...)避免不必要的捕获开销；2.避免嵌套量词导致的灾难性回溯，改用具体字符类和简化模式；3.预编译正则表达式并复用实例以减少解析负担；4.利用先行断言(?=...)等零宽断言提高匹配精度而不影响位置。
-
本文介绍如何在Web应用中实现响应鼠标移动的、具备自然延迟与流畅过渡的3D倾斜动画，重点解决高频mousemove导致的卡顿与跳变问题，并通过节流（throttling）与CSS过渡协同优化性能与视觉体验。
-
overflow:hidden必须加在直接包裹图片的容器上，因transform:scale()不改变几何尺寸，裁剪仅对直接父容器生效；需为每张图设独立带固定宽高的.img-wrapper，并配合transition、transform-origin及image-rendering等优化清晰度与交互。
-
HTML5中创建表格有五种方式：一、用table/tr/td/th基础标签；二、用thead/tbody/tfoot分层结构；三、用colgroup/col定义列样式；四、用figure/caption增强语义；五、用div+CSS模拟响应式表格。
-
videocurrentTime设置后画面卡顿或跳帧的根本原因是浏览器对帧精度、解码状态和渲染管线的调度限制，而非播放器bug；需结合seek事件监听、关键帧对齐、文件编码优化及渲染状态校验综合解决。
-
void运算符强制右侧表达式求值后返回undefined，不改变副作用但丢弃原返回值；常用于IIFE、javascript:void(0)、Promise链忽略中间值等场景。
-
本文介绍如何使用filter()与some()组合，从一个完整对象数组中精准筛选出未被另一个数组包含的元素，适用于基于特定字段（如day）的差集计算场景。
-
答案是利用CSS自定义属性与媒体查询结合，实现响应式颜色管理。通过在:root中定义颜色变量并借助媒体查询动态更新，确保视觉一致性、提升可维护性，同时结合currentColor、prefers-color-scheme等技术增强适应性与可访问性，兼顾用户体验与品牌连贯性。
-
应将文件名改为标准的index.html，因为index.html\_index.html不是合法HTML文件名，Web服务器和浏览器均无法识别，会导致404或打开失败。
-
原生loading="lazy"是当前最轻量、兼容性足够好的首选方案，Chrome76+、Firefox75+、Safari15.4+均已支持，无需额外JS，不阻塞渲染，也不增加bundle体积。
-
移动端CSS动画卡顿的核心是频繁重排重绘，应仅用transform和opacity配合will-change优化；避免left/top等属性，慎用filter和图层爆炸，JS动画须用requestAnimationFrame。
-
JavaScript缓存核心是存得准、取得快、不过期：内存用Map实现O(1)查找，HTTP协同原生缓存与ServiceWorker，本地存储按需选localStorage或IndexedDB，并配TTL/LRU失效策略防雪崩。
-
使用=实现精确匹配，如[title="example"]；^=、$=、*=分别匹配开头、结尾和包含的子串，用于模式匹配，需根据需求选择以避免误选。
