-
box-shadow中直接使用rgba()颜色值（如rgba(0,0,0,0.3)）即可控制阴影透明度，无需wrapper或opacity；alpha范围为0–1，语法错误、父级opacity、过小模糊值、CSS优先级或Safariinset兼容性可能导致失效；多层阴影用逗号分隔，filter:drop-shadow()可避免transform缩放影响但不支持inset。
-
outline不占空间且不影响布局，border会撑开尺寸；outline无圆角和单边控制，仅适用于聚焦提示与调试；border配合box-sizing:border-box才是可控装饰方案。
-
ES6的class继承本质是原型继承的语法糖，更简洁且强制super调用；原型继承更底层灵活但易出错，适用于动态控制或兼容旧环境等特殊场景。
-
Vite原生不支持@import"./commons/**/*.scss"这类glob导入语法，需借助插件（如vite-plugin-sass-glob-import）实现目录内所有SCSS文件的自动聚合导入。
-
答案：CSS中实现直线的常见方法有四种：使用border属性适合简单分隔线；伪元素::before/::after适用于精确定位的装饰性线条；background渐变可实现自定义虚线、点线等复杂样式；语义化标签hr用于内容分隔，兼顾可访问性。每种方法根据场景选择，border简单高效，伪元素灵活不占布局，背景渐变控制精细，hr符合语义规范。
-
要禁用HTML5的拼写检查，需在相关元素上设置spellcheck="false"。HTML5的spellcheck属性用于控制浏览器是否对用户输入内容进行拼写和语法检查，其值可设为true或false；1.设置spellcheck="false"可禁用拼写检查，适用于技术代码、序列号等不适合检查的输入框；2.该属性主要适用于文本输入框（如<inputtype="text">）、<textarea>及contenteditable="true"的元素；3.若未明
-
ES6的核心特性显著提升开发效率与代码健壮性：①const/let替代var，消除变量提升与作用域混乱；②解构赋值+默认值简化数据处理；③箭头函数解决this绑定问题；④模板字符串替代拼接，支持多行与表达式。
-
CSS无法直接检测图片加载失败，但可通过onerror事件动态添加class（如load-failed）并用CSS定义降级样式；属性选择器仅适用于初始src为空的静态兜底，无法响应加载失败状态。
-
WebAssembly是一种可在现代浏览器中运行的低级字节码，设计用于高性能应用，作为JavaScript的补充而非替代。它是一种二进制指令格式，具有紧凑体积和高效执行能力，支持C/C++、Rust等语言编译为.wasm文件，在接近原生速度下运行。主流浏览器均已支持，通过JavaScript加载和实例化模块，实现函数互调与共享内存。典型用途包括图形处理、音视频编辑、游戏引擎等计算密集型任务，结合JavaScript可构建更强大的Web应用。
-
用position:fixed居中模态框必须配合transform:translate(-50%,-50%)，因top:50%和left:50%仅定位元素左上角到屏幕中心，translate才使其整体中心对齐；该方案兼容未知宽高，但祖先元素含transform等属性会导致fixed失效。
-
WebAssembly通过二进制格式和接近原生的执行速度提升JavaScript性能。1.代码体积小、解析快，适合高负载场景；2.支持C/C++、Rust等语言编译，增强计算能力；3.与JavaScript互操作，关键路径用Wasm，其余用JS处理。适用于图像视频编辑、游戏引擎、数据处理等场景，结合WebWorkers可避免卡顿。合理使用能显著优化Web应用性能。
-
font-variation-settings动画不平滑的关键在于插值方式：浏览器默认将其视为离散字符串，需显式声明animation-timing-function、确保轴值为统一格式数字、用@property注册可插值CSS变量，并避免font-weight干扰及字体加载导致的FOIT/FOUT。
-
grid-auto-flow:dense不能主动填空，仅让未显式定位的网格项在自动放置时尝试填补空缺；它不改变DOM顺序、不响应式重排、不影响已定位项，且可能损害可访问性与性能。
-
深拷贝在JavaScript中用于完全复制对象，常见方法包括：1.JSON.parse(JSON.stringify())仅适用于纯数据对象，不支持函数、undefined、Symbol、Date等，且无法处理循环引用；2.手写递归实现可支持多种类型并处理循环引用，但性能较低；3.Lodash的_.cloneDeep()功能全面、稳定可靠，支持Map、Set等复杂类型，但需引入库；4.structuredClone()为现代浏览器原生方法，性能好、语法简洁，支持多数类型但不兼容老版本。性能排序为：stru
-
正则表达式是字符串处理的基础设施，本质是描述字符串模式的语法规则；JavaScript中通过String和RegExp对象原生支持，test()返回布尔值用于判断，match()返回数组用于提取，需注意null与空数组的真值差异。
