-
使用rel="preload"可提前下载关键CSS而不阻塞渲染，通过as="style"指定类型并配合onload切换rel属性实现预加载与应用，提升首屏速度。
-
可通过右键选择浏览器打开HTML文件，确保扩展名为.html；2.浏览器菜单中使用“打开文件”功能加载本地页面便于调试；3.双击文件以默认程序预览，需设置浏览器为默认应用；4.使用VSCode等编辑器配合LiveServer插件启动本地服务实时预览，支持完整网页功能。
-
应使用background-color而非过时的bgcolor；支持十六进制、rgb、rgba、hsl四种写法；优先写在外部CSS文件中；常见问题包括父容器无高度、样式被覆盖、background简写重置颜色及色值错误。
-
在JavaScript中解析URL参数最推荐的方式是使用URLSearchParamsAPI，1.可通过newURLSearchParams(window.location.search)创建实例；2.使用get()获取单个参数值；3.使用getAll()获取重复参数的数组；4.使用has()检查参数是否存在；5.使用forEach()遍历所有参数；6.使用set()、append()和delete()修改参数；该API自动处理编码解码，若需兼容旧浏览器，可手动解析字符串并用decodeURICompon
-
auto-fit不换行是因为它只动态调整列数，换行由grid-auto-flow:rowwrap控制，且需容器有明确宽度、子项可压缩、避免white-space:nowrap等限制。
-
CSSgrid-template-areas值本质是单字符串，换行符被视为空格，但每行引号内字符数必须严格对齐，否则区域名错位导致声明被忽略；不支持\行继续符；推荐每行独立引号、空格分隔、注释辅助对齐，并禁用Prettier自动格式化。
-
依赖收集是Vue在读取响应式数据时自动记录依赖关系的过程，通过Observer、Dep和Watcher协同工作，确保数据变化时精准通知对应组件或计算属性更新。
-
若设备不支持AV1硬解，将导致黑屏、卡顿或软解异常；应依次检查浏览器AV1硬解状态、回退至VP9/H.264、注入WASM软解模块、服务端动态转封装。
-
答案：通过CSS的@keyframes和animation属性可实现背景颜色渐变动画。1.使用background-color在多色间循环渐变；2.动画linear-gradient的角度实现方向变化；3.改变渐变颜色位置制造滑动效果；4.利用伪元素位移创建扫光等高级动效。根据视觉需求选择方案，注意性能优化。
-
禁用滚动文字选中变色需对滚动容器设置user-select:none；若含可交互子元素须单独设auto；marquee标签需外层包裹并设样式，不可直接作用于marquee自身。
-
原生表单校验应优先使用checkValidity()和reportValidity()，配合setCustomValidity()注入自定义错误；需及时清空旧错误、合理选择校验时机（blur后启用input实时校验），并用服务端错误字段名匹配DOM元素同步验证状态。
-
:hover用于鼠标悬停时触发样式变化，:first-child匹配父元素下首个子元素；两者结合可实现如首个段落悬停加粗等精细交互，提升用户体验且无需JavaScript。
-
background-position设为像素值（如20px10px）最可控；百分比值（如50%50%）相对于容器宽高；关键词如centertop语义清晰但需注意x/y轴对应；配合background-origin、background-size及伪元素等综合控制才能精准对齐。
-
可通过创建HTML文件、生成网页快捷方式、使用批处理脚本或自定义图标四种方法将HTML运行到桌面。1、用记事本编写HTML代码并保存为.html文件至桌面，双击即可打开；2、在Chrome或Edge浏览器中访问网页后，通过“更多工具”→“创建快捷方式”生成桌面快捷方式，支持独立窗口运行；3、新建.bat批处理文件，输入start"""index.html"命令，双击即可调用默认浏览器打开指定HTML文件；4、准备.ico图标文件与HTML同目录，创建desktop.ini写入[.ShellClassInf
-
HTML5实现元素转动动画有五种方法：一、CSS3transform配合@keyframes；二、JavaScript动态修改style.transform；三、CanvasAPI的save/rotate/restore；四、SVGtransform属性或SMIL动画；五、WebAnimationsAPI精确控制。
