-
答案：通过background-image设置渐变并结合background-position变化实现按钮hover流动效果。使用linear-gradient创建背景，background-size设为200%预留空间，hover时background-position从0%过渡到100%，配合transition、阴影和位移提升交互质感，可选边框增强视觉层次。
-
通过grid-template-columns和grid-template-rows定义网格行列，前者设置列宽如100px或fr比例，后者设置行高，可结合repeat函数与固定/弹性单位创建复杂布局。
-
footer是语义化标签，代表内容区块结尾信息而非视觉底部；可多处使用，需匹配归属上下文，全站页脚应置于body直接子级，避免误用为布局容器。
-
通过preload提前加载关键CSS并动态切换rel属性，确保样式优先下载；2.按重置、布局、组件、主题顺序排列link标签，保障结构稳定；3.内联首屏关键CSS，异步加载非关键样式，减少FOUC与重排；4.避免使用@import，改用独立link标签提升并行加载效率。
-
MutationObserver能实时监测DOM结构变化，它在DOM提交渲染前以微任务方式异步触发回调，通过正确配置childList和subtree可监听所有层级节点增删，但不监听样式、value值或动画等非结构变更。
-
浏览器直接打开本地HTML文件使用file://协议，但因CORS和安全策略限制，XMLHttpRequest、fetch等常失败；推荐用Python或Node.js启动本地HTTP服务（如python3-mhttp.server8000），以http://localhost访问来规避限制。
-
grid-auto-rows控制隐式创建的行高，grid-auto-columns控制隐式创建的列宽。当内容超出显式定义的网格范围时，浏览器自动创建新行或新列，其尺寸由这两个属性分别指定，如grid-auto-rows:60px和grid-auto-columns:120px分别设置隐式行高和列宽。
-
JavaScript单元测试关键在于选对框架（Jest适合CRA/webpack，Vitest适合Vite/ESM）、聚焦输入输出契约、正确mock依赖（避免复用fn、注意异步返回）、规范命名与路径（.test.ts+同目录），以实现高效可维护的测试。
-
<p>在WSL2中配置Linux环境进行HTML+CSS开发，首先启用WSL2并安装Ubuntu等发行版，运行wsl--install后重启并设置用户；接着更新系统包sudoaptupdate&&sudoaptupgrade；推荐使用Python3内置服务器，在项目目录执行python3-mhttp.server8000，或通过Node.js安装http-server实现静态服务；文件编辑建议使用VSCode配合Remote-WSL扩展，避免直接通过Windows修改WSL文件
-
提升卡片视觉质感的关键在于层次感与细节：合理运用border-radius（如顶部12px、底部6px）和双层box-shadow（内层02px4pxrgba(0,0,0,0.06)，外层04px12pxrgba(0,0,0,0.08)），搭配浅色背景、统一内边距1.25rem、行高1.5及透明黑阴影。
-
position:absolute会脱离文档流导致父容器高度塌陷，需设position:relative并保留非绝对定位子元素；z-index失效因层叠上下文隔离，应统一管理父容器上下文；移动端right/top错位因box-sizing和单位选择不当；伪元素仅适用于纯装饰内容。
-
前端路由的核心是在不刷新页面的前提下改变URL并响应不同视图，依赖hash模式（通过#及hashchange事件）或history模式（通过pushState/replaceState及popstate事件）实现SPA的页面切换体验。
-
HTML5全屏需满足用户交互触发、DOM已插入、权限允许等条件；标准方法为Element.requestFullscreen()，兼容处理、iframe需allow="fullscreen"，并监听fullscreenchange事件响应状态变化。
-
light-dark()不是原生CSS函数，而是PostCSS插件（如postcss-light-dark）提供的编译期语法糖，会将color:light-dark(black,white)编译为默认样式加@media(prefers-color-scheme:dark)块；未接入插件时该写法被浏览器直接忽略。
-
异步生成器通过“拉取”模式解决大文件处理中的内存溢出和背压问题，利用forawait...of按需读取数据块，避免一次性加载全部内容，提升稳定性和代码可读性。
