-
fetch发GET请求最直接：返回Promise支持async/await，需手动检查res.ok或status处理404/500；带参用URLSearchParams；跨域依赖后端CORS配置；POST需设Content-Type；错误处理须兼顾网络异常与业务错误。
-
flex居中需父容器设display:flex、align-items:center和justify-content:center，并确保父容器有明确高度；Sassmixin应仅封装居中行为，避免硬编码height，支持布尔参数控制单双向居中。
-
是的，async函数必须返回Promise，即使return基本类型也会被Promise.resolve()包装；await仅限async函数内使用，顶层await需ES2022+模块环境；try/catch可捕获reject与同步异常，但未await的Promise不会被捕获。
-
Props默认值中对象和数组必须用函数返回，否则多实例共享引用导致数据污染；基础类型可直接赋值，如String、Number、Boolean等；setup中defineProps同样需函数式默认值。
-
type="number"仅校验是否为有效数字字符串，不检查min/max范围，不阻止非法粘贴或符号输入，需JS拦截；整数限制、科学计数法禁用、空值处理等均无法单靠HTML实现。
-
表单标签与输入框对不齐的本质是默认样式差异和盒模型行为不一致，应采用“列对齐”思路，通过Grid或Flex布局统一结构并配合基础样式重置实现精准对齐。
-
不行。伪元素::before和::after无法响应鼠标事件，因不参与事件流；拖拽手柄必须用真实DOM元素（如div或span），配合pointer-events:none禁用原生input滑块，并通过JS计算更新位置。
-
fixed元素定位参考视口而非父容器，父级transform等会使其退化为absolute；移动端Safari存在跳动、键盘遮挡等问题；应提至body下、用padding-top替代margin-top、动态适配高度。
-
日常开发中优先用auto，除非明确需强制滚动条（scroll）或彻底裁剪（hidden）；auto只在内容溢出时显示滚动条，hidden完全裁剪无提示，scroll始终显示滚动条影响视觉。
-
本文详解如何通过将模块导出逻辑封装为函数，规避因模块级变量直接引用导致的ReferenceError（无法在初始化前访问词法声明），实现main→a→b→main的安全数据流。
-
使用gap属性统一控制网格间距，并在媒体查询中保持其值一致，可解决列数调整后间距不一致问题。
-
辅助色是承担特定交互或语义责任的颜色，与主色在HSL色相上至少相差45°，需满足深浅模式下WCAGAA对比度，应通过CSS自定义属性+hsl()动态定义，严格限定使用场景以守住职责边界。
-
要高效地从对象数组中找出最小值对应的对象，推荐使用Lodash的_.minBy方法或原生JavaScript的reduce方法。1.使用Lodash的_.minBy：可直接传入数组和属性名（或函数）来获取最小值对象，语法简洁；2.使用Array.prototype.reduce()：通过一次遍历比较每个元素，灵活性高且无需依赖外部库；3.使用for...of循环：性能最优但代码较冗长，适合对性能要求极高的场景；4.避免使用Array.prototype.sort()仅为了找最小值，因其时间复杂度较高，效率
-
Patch钩子通过在VNode比对后、DOM更新前插入自定义逻辑，实现精确帧控动画；常用insert（入场）、remove（离场）、postpatch（状态切换）钩子，可绕过CSS限制完成拖拽排序、打字效果、Canvas插值等复杂动效。
-
纯色指不含灰度、不掺白不掺黑的正统颜色，在HSL中定义为饱和度100%且亮度50%，如hsl(0,100%,50%)为正红；仅当saturation和lightness同时满足该值才为CSS纯色。
