-
id选择器失效通常因id重复、语法错误、样式被覆盖或元素未正确渲染。首先确保id唯一且CSS以#开头；检查是否存在相同或更高优先级规则（如!important或内联样式）导致覆盖，可通过开发者工具查看实际应用的样式；确认元素非动态生成且DOM已加载完成；注意HTML与CSS中id拼写一致。逐项排查即可定位问题。
-
可通过CSSbox-shadow属性为HTML5搜索框添加阴影效果，包括内联样式、类选择器、:focus交互增强、inset内凹及多层叠加五种方法，分别适用于快速测试、复用维护、用户反馈、拟物设计和立体层次需求。
-
调用PolarAccessLinkAPI时返回403Forbidden，通常并非认证失败，而是因未完成用户注册流程——即使已成功获取accesstoken，也必须先调用/v3/users注册用户，否则所有数据接口均会被拒绝访问。
-
推荐使用:has()判断元素是否含子元素，语义清晰；兼容性要求高时可用:not(:empty)；注意:empty会匹配仅含空白符的元素，:has()不支持父级选择且需防性能问题。
-
JavaScript中字符串反转最推荐的方法是split('').reverse().join('')，1.该方法简洁且可读性强；2.不能直接对字符串使用reverse()是因为字符串具有不可变性，而reverse()是会改变原数组的变异方法；3.性能上for循环通常最优，但日常使用中差异不大；4.处理Unicode字符时应使用Array.from()或[...str]确保正确分割字符。
-
通过JavaScript操作link标签或切换CSS类可实现动态换肤。1.修改link的href属性直接替换样式文件；2.动态创建link标签并插入head以加载新主题；3.切换时先移除旧link避免冲突；4.推荐使用CSS类名切换实现轻量主题变更，性能更优。路径正确与防重复加载需注意。
-
使用float:left可实现标签云水平排列，通过margin控制间距，overflow:hidden清除浮动，配合不同类名设置字号与颜色，形成视觉层次，保持布局整齐且兼容性好。
-
本文详解如何通过position:fixed配合CSStransform动画，让底部浮动元素真正“滑出视野”，既不残留于可视区域，也不影响文档流与页面滚动行为。
-
不能直接用transition:height实现面板展开动画，因为height:auto无法参与过渡；应使用max-height过渡或JS动态设置精确高度。
-
单例模式解决全局变量泛滥、资源重复创建和跨模块共享状态问题；它通过确保唯一实例并提供统一访问入口，在模块化中天然适配ES6模块机制与IIFE封装，兼具数量控制与私有封装特性。
-
能，但不能通过Tab键到达；tabindex="-1"允许脚本调用.focus()却排除在默认Tab顺序外，适用于模态框关闭按钮等需程序聚焦但不参与自然导航的场景。
-
::before伪元素必须设置合法content值才能渲染，否则被忽略；即使渲染也可能因display、尺寸、颜色、层级等问题不可见，需综合调试。
-
WebWorkers不能直接操作DOM，因其运行在独立线程且无window、document等浏览器API，仅支持setTimeout、fetch等有限接口；通信依赖postMessage/onmessage，数据需序列化，大对象应使用transferable优化。
-
:nth-of-type只按同标签兄弟计数，无视类名和嵌套；:nth-child则按所有兄弟位置计数后再判断标签。选特定class的第N个元素应写为div.card:nth-of-type(2)，而非div:nth-of-type(2).card。
-
JavaScript装饰器是Stage3实验性语法，用于在声明时注解和修改类、方法、访问器、属性或参数；需Babel或TypeScript支持，本质是接收目标对象等参数的函数，常用于日志、权限校验等横切逻辑。
