-
CSS中不存在“颜色选择器”，color是属性而非选择器；需用选择器选中元素后设置color等属性，注意优先级、继承、用户代理样式及color与background-color、opacity的区别，推荐使用CSS自定义属性统一管理颜色。
-
能，但需起始值和结束值均为可计算数值（如0px↔12px）、单位一致、正确声明transition且未被覆盖；JS修改时需强制重排或使用requestAnimationFrame避免动画中断。
-
align-items控制网格项在单元格内垂直对齐，justify-items控制水平对齐；二者生效需列/行有明确尺寸；align-content/justify-content仅在轨道总和小于容器时分配多余空间；align-self/justify-self可覆盖容器设置但有兼容性限制。
-
断点应基于真实设备分布和内容容器需求选择，优先用min-width实现移动优先渐进增强，通过DevTools观察内容挤压宽度确定具体值，避免硬套设备分类或过时数值，注意JS与CSS媒体查询同步问题。
-
JavaScript性能优化的核心是减少主线程阻塞、降低内存开销、避免重复计算和无效渲染；需缓存DOM引用、用DocumentFragment批量操作、及时清理闭包引用、将耗时计算移至WebWorker。
-
直接写@media(prefers-color-scheme:dark)即可生效，但需确保CSS作用于真实渲染元素、无内联样式覆盖、无更高优先级规则锁定，且兼容Chrome76+、Firefox67+、Safari12.1+。
-
搜索建议框缩放时消失或错位，是因为absolute定位基准依赖最近的relative祖先，而父容器未设position:relative、宽度计算不匹配（如仅用width:100%）、未处理padding/border及box-sizing等因素导致定位偏移和溢出。
-
ServiceWorker通过拦截网络请求实现离线访问，首先注册sw.js文件，在install事件中缓存静态资源，activate时清理旧缓存，fetch事件中优先返回缓存响应并动态缓存新资源，通过版本号更新缓存并使用skipWaiting和clients.claim实现快速激活。
-
gap在图片画廊中不起作用是因为它仅对Flex和Grid容器生效，若父容器未设display:flex或display:grid，则gap无效；推荐用grid-template-columns:repeat(auto-fit,minmax(280px,1fr)))配合gap实现自适应响应式布局。
-
本文详解在HTML文档完全解析后执行外部JS文件的两种主流方案：函数参数传递与全局变量初始化，兼顾代码可维护性与作用域安全性，并提供可直接运行的示例与最佳实践建议。
-
React18配合ReactRouterv6后，withRouter和history.push()已被移除，应改用useNavigateHook实现编程式导航，包括表单提交后的页面重定向。
-
JavaScript可通过正则分词、词干提取、停用词过滤和词频统计实现基础NLP功能，结合jieba等库支持中文处理，适用于浏览器端轻量级文本预处理任务。
-
图像下方空白主因是<img>默认inline导致基线对齐留出descender空间，修复用vertical-align:top或display:block；fixed导航遮挡需加margin-top或bodypadding-top；Flex布局错位应设align-items:flex-start；定位异常时用getBoundingClientRect()查真实坐标。
-
transition-duration必须带合法时间单位（如0.3s或300ms）才生效，无单位值（如.3或0.3）会导致整条规则被忽略；需与transition-property配合使用，单独设置无效；不可过渡属性（如display）即使设了duration也无效。
-
夸克浏览器原生支持HTML5无需额外安装，问题多源于解码能力、网站实现或功能被禁；应检查版本（v6.5.0+）、video元素存在性、媒体请求状态及硬件加速是否启用。
