-
CSS媒体查询可直接控制颜色，推荐优先使用prefers-color-scheme，结合自定义属性统一管理，避免硬编码和冗余选择器，同时兼顾辅助功能查询。
-
答案：reduce不仅能求和，还可构建树结构、统计频次、分组、函数组合及扁平化数据。1.用reduce将扁平数组转为嵌套树形；2.去重并统计元素出现次数；3.实现多条件分组groupBy；4.组合多个函数形成执行管道；5.替代map+flat灵活重组深层结构。其核心是遍历中累积状态，适用需维护上下文的场景。
-
IE8及更老浏览器不识别HTML5语义标签，需用document.createElement()声明并设display:block；功能标签需polyfill；html5shiv仅解决标签识别，CSS须用class选择器；JS需转译+运行时polyfill。
-
Chrome任务管理器是定位多标签页内存异常最直接的工具，按Shift+Esc一键呼出，点击“内存”列排序后重点关注“类型”为“标签页”且占用超400MB的进程，同时筛查扩展程序与后台页面，并可通过chrome://flags启用悬停内存提示实现免开窗监控。
-
默认竖排、中大屏横排最稳妥：button-group设flex-direction:column，@media(min-width:768px)切row并加flex-wrap:wrap；按钮需max-width:100%、box-sizing:border-box及white-space:nowrap防错位。
-
正确使用:visited与:hover需遵循LVHA顺序，a:visited定义已访问链接颜色，a:hover实现悬停效果，组合a:visited:hover可设独特悬停样式，但受隐私限制仅支持基础颜色属性。
-
最简单方式是将<svg>标签直接写入HTML文件，作为原生DOM元素支持CSS/JS操作；需设置viewBox实现响应式缩放，避免冗余属性，颜色推荐用currentColor继承主题色。
-
IE9及更早版本不支持HTML5动画核心特性，降级需放弃CSS动画、SVG动画等，改用JS驱动的DOM操作并规避重排，结合特性检测而非UA判断兼容性。
-
必须在HTML的<head>中第一行写<metacharset="UTF-8">，且文件保存编码必须与之严格一致，否则会导致中文乱码；该标签需自闭合、带引号、用标准名称，不可依赖HTTP头覆盖。
-
直接在header.php中硬编码<link>会覆盖WordPress主题更新、破坏样式依赖管理、导致加载顺序错乱；必须用wp_enqueue_style在wp_enqueue_scripts钩子中注册，确保依赖、缓存、路径和handle正确。
-
Safari中sticky失效主因是父容器无显式高度且含overflow:hidden等属性，需设min-height、避免干扰overflow，并按position:-webkit-sticky;position:sticky;顺序声明。
-
答案：通过a:link和a:visited设置链接颜色，推荐按LVHA顺序定义样式。具体为：a:link{color:blue;}设置未访问链接颜色，a:visited{color:purple;}设置已访问链接颜色，同时建议按a:link、a:visited、a:hover、a:active顺序书写以避免覆盖，现代浏览器支持基本颜色修改但限制部分样式以保护隐私。
-
HTMLSitemap应用语义化HTML结构（如h2、ul、a）组织内容，命名随意但需可访问、无死链、聚焦高价值页面；XML与HTMLSitemap可共存，用途不同，不可混用；HTML版不提交搜索引擎，仅提升用户体验。
-
幽灵按钮背景填充过渡不能直接用background-color动画，因其初始transparent与目标色无法线性插值；需用linear-gradient配合background-size百分比缩放（0%→100%），并固定background-position和设置background-origin:border-box确保动画精准。
-
JavaScript中获取滚动位置的核心属性有三个：1.window.scrollY和window.scrollX，用于获取整个页面在垂直和水平方向的滚动距离，是现代浏览器推荐的标准属性；2.document.documentElement.scrollTop和document.documentElement.scrollLeft，作为广泛兼容的替代方案，尤其适用于旧版IE或特定文档模式下获取页面滚动位置；3.元素的scrollTop和scrollLeft属性，用于获取特定可滚动元素（如div）内部内容的
