-
最简方案是直接给body加background-attachment:fixed，但iOSSafari和部分安卓WebView不支持，且Chrome在body有transform等属性时也会禁用；推荐用body::before伪元素模拟fixed效果，需设position:fixed、z-index:-1、pointer-events:none，并确保background-size:cover和background-position:center。
-
主题切换不必强制用JavaScript控制:root，但主动切换主题必须依赖JS修改:root自定义属性以触发重绘；纯CSS仅支持有限响应，如系统暗色模式。
-
数组扁平化是将多维数组转为一维的过程，常用方法包括：1.使用flat()方法（ES2019），支持指定层数或Infinity彻底展开；2.递归结合reduce实现，兼容性好且灵活；3.toString后split仅适用于纯数字数组；4.扁平化同时去重可结合flat(Infinity)与Set。日常推荐优先使用flat()。
-
答案是：HTML文件可通过浏览器直接运行，只需保存为.html格式，用双击或拖拽方式在Chrome、Firefox等浏览器中打开即可；涉及AJAX或前端框架时需使用LiveServer或http-server启动本地服务器；注意资源路径正确以确保页面完整显示。
-
Jest更适合中大型长期维护项目，Vitest更适合新项目和Vite生态；两者均需正确配置以避免模块解析错误，可靠测试需覆盖边界、隔离副作用、验证行为而非实现细节。
-
Bootstrap基于HTML5语义结构运行，需以<!DOCTYPEhtml>开头、正确使用语义标签和栅格嵌套规则，否则响应式与组件功能将失效。
-
掌握Foundation需理解其四大核心：响应式12列网格系统通过.small-、.medium-、.large-类实现跨设备布局；模块化组件如.button、.top-bar封装常用UI元素；丰富的工具类如.show-for-small-only、.text-center提升样式调整效率；基于Sass的配置支持通过\_settings.scss自定义变量与断点，实现主题统一与性能优化。
-
表单标签与输入框对不齐的本质是默认样式差异和盒模型行为不一致，应采用“列对齐”思路，通过Grid或Flex布局统一结构并配合基础样式重置实现精准对齐。
-
正确设置transition属性可实现padding和margin的平滑过渡，需提前定义过渡属性如padding0.3sease，避免使用all以提升性能，且起始与结束值必须为具体数值（非auto），响应式中也需在各断点定义transition。
-
DOMParser无法直接解析孤立<tr>，因其必须嵌套在<table>、<thead>等合法父元素中；需通过createContextualFragment配合结构补全（如自动包裹<table>）实现安全解析。
-
Map是支持任意类型键的键值对集合，适用于需对象等非字符串键、保持插入顺序、精确计数及避免原型污染的场景；Set是保证唯一性的值集合，适用于去重和存在性判断。
-
JavaScript正则匹配核心是test()判断存在性、match()/exec()提取内容；优先用includes()/indexOf()替代；注意转义特殊字符、标志作用及贪婪控制。
-
WebAssembly内存必须通过WebAssembly.Memory对象访问，不能直接用JavaScript操作；需导出memory、正确创建TypedArray视图、注意buffer增长后重建视图、批量传数据避免频繁JS/Wasm交互、合理管理malloc/free、优化加载方式与编译参数。
-
display:grid更适合看板布局，因其天然支持列数控制、行高自适应及卡片跨行/跨列；而float易塌陷、inline-block有空白间隙且对齐困难。
-
应为video标签提供多格式source并按兼容性排序，优先webm（VP9）、其次mp4（明确avc1.64001f编码）、最后mov；避免依赖canPlayType()，须监听error事件并设置img+下载链接兜底。
