-
Bootstrap5按钮hover背景色不生效，因:focus/:active样式覆盖或权重更高；应同时定义:hover/:focus/:active三态，提高选择器特异性，并适配深色模式及Sass变量定制。
-
tsconfig.json必须同时启用allowJs和checkJs，否则JSDoc类型注释（如@type）在.js文件中不会被识别；strict:false用于渐进迁移，skipLibCheck:true加速构建。
-
优先选择语义最匹配的API：查找用find/findIndex，判存在用some；性能瓶颈时再用for+break优化。for循环最可控高效，find语义最强，for...of可读性好但有轻微开销。
-
HTML5本身不提供建模能力与3D渲染管线；所谓“建模”依赖WebGL（如Three.js）、WebGPU或SVG等技术实现；Three.js中遮挡由depthTest和renderOrder共同控制：默认depthTest开启，按Z值自动遮挡；关闭depthTest后则按renderOrder顺序覆盖。
-
Bootstrap导航栏用transform+transition隐藏失效，主因是未设fixed/absolute定位；应添加fixed-top类、避免overflow:hidden，并仅对.navbar根元素加transform动画，配合JS切换.hidden类实现平滑滑入滑出。
-
答案：通过GeolocationAPI可获取用户位置，但需用户授权并重视隐私保护。使用getCurrentPosition()或watchPosition()获取经纬度及精度、速度、方向等数据，提升地图应用体验；而赢得用户信任的关键在于透明告知、最小化收集、提供控制权和保障数据安全，确保合规与尊重用户隐私。
-
Webpack通过入口文件构建依赖图，将模块封装为函数并用__webpack_require__模拟模块系统，借助Loader翻译文件、Plugin执行宏观任务，DevServer提供HMR热更新提升开发体验。
-
纯CSS实现Tab切换不能仅靠float，因其仅为布局属性，无法响应交互或控制显隐；真正生效的是:checked、:target等伪类配合HTML结构实现状态切换。
-
HTML语义化标签不直接提升SEO权重，但用错会扣分；<main>明确标识核心内容，Google移动优先索引优先提取其内文本与标题层级；<h1>至<h6>构建内容骨架，须层级连续、唯一<h1>；<figure><figcaption>联合提升图文长尾词覆盖；<title>与<h1>需语义一致且动态生成。
-
响应式断点应基于页面内容实际坍塌点而非设备型号，如导航换行、卡片错位等临界宽度；需在ChromeDevTools中拖动滑块观察布局变化，记下像素值后向上取整，优先使用min-width移动优先逻辑，并确保设置viewportmeta标签。
-
transform-origin是独立CSS属性，须与transform并列声明，作用于整个变换链；双值语法为X后Y，支持关键字/百分比/像素混用；非默认原点用像素值会增加GPU计算负担。
-
应先检查document.getElementById返回值是否为null再操作，因未检查时调用.innerHTML或.addEventListener会抛TypeError；ID区分大小写且须唯一。
-
使用prefers-color-scheme媒体查询结合CSS变量可实现深色模式适配：1.通过@media(prefers-color-scheme:dark)检测系统偏好；2.在:root中定义--bg-color和--text-color变量并根据模式重写；3.应用transition实现平滑颜色过渡；4.确保亮色默认样式以支持旧浏览器，提升兼容性与体验。
-
SharedWorker可作为跨窗口摇杆中央协调器，统一归集、验证并广播标准化摇杆数据（如{angle,power,isPressed}），需兜底超时重置、冷启动同步及Safari降级方案。
-
可通过五种方法动态修改background-image：一、直接设置style.backgroundImage；二、切换预定义CSS类；三、利用CSS变量setProperty；四、动态创建style标签注入规则；五、使用base64编码内联图像。
