-
align-items:baseline经常不生效是因为它仅在flex容器中对直接子元素有效，且依赖子元素的字体度量、是否含文本等条件；vertical-align:baseline则作用于内联上下文，两者适用场景和计算逻辑完全不同。
-
JavaScript无法直接读写本地Excel文件，但可通过SheetJS（适合解析与轻量生成）和exceljs（适合高样式导出与模板填充）等库在前端或Node.js后端实现Excel操作。
-
本文讲解如何通过事件委托和语义化HTML结构，为多个独立答题区域（如问答题、填空题）构建可复用、可扩展的答案校验逻辑，避免重复绑定事件、ID冲突及硬编码依赖。
-
本文详解如何在Nuxt3（Vue3）应用中，通过Docker构建阶段正确传递和使用环境变量（如NUXT_ENV_N_API），解决runtimeConfig.public在构建时无法读取process.env的常见问题。
-
CSS通过transition属性实现元素平滑过渡，需设置property、duration、timing-function和delay四个参数，常用触发方式包括:hover、:focus及JavaScript操作，仅数值和颜色类属性支持动画。
-
长英文不换行导致容器溢出时，应同时设置overflow-wrap:break-word和word-break:break-all，并配合max-width或width限制容器宽度，表格需table-layout:fixed，Flex项需flex-shrink:1和min-width:0。
-
customRef更适合防抖是因为它能手动控制track和trigger时机：输入时只track不trigger，防抖结束才trigger更新，避免中间值触发响应式副作用。
-
Proxy仅拦截明确的语言级操作（如get/set/deleteProperty），无法捕获Date/RegExp等内置对象的内部槽访问，且JSON.stringify、Object.assign等不触发trap；set返回false在严格模式下静默失败，throw则抛错；数组length变更不触发deleteProperty。
-
Vue中VNode核心类型有五种：文本节点、注释节点、元素节点、组件节点、函数式组件节点；文本节点仅含text属性，挂载时创建Text节点，更新时仅修改nodeValue；注释节点isComment为true，挂载和更新均只操作nodeValue且跳过diff；组件节点封装实例与上下文，挂载时创建实例并递归patch子树，更新时复用或重建实例。
-
可用video标签配合CSS实现背景效果：需加autoplay、muted、loop属性，设position:fixed/absolute与z-index:-1，用object-fit:cover铺满且保持宽高比，并设poster避免空白。
-
JavaScript代码压缩必须基于AST工具如terser，不可用正则粗暴删空格，否则会破坏语法结构、触发ASI错误或暴露源码隐患；正确做法是通过Webpack/Vite等构建工具集成terser，并谨慎配置mangling与sourcemap。
-
reduce是JavaScript数组将元素累积为单一值的方法，通过callback（含累计值acc和当前项cur）和可选initialValue实现；常用于聚合计算、结构转换、分组等，需注意初始值类型匹配与必返值。
-
flex-basis是初始主轴尺寸而非width，受flex-grow/shrink影响；设flex:00200px才锁死宽度，百分比需父容器有width，响应式推荐min-width+flex-wrap+flex:11auto。
-
:first-child选中父元素第一个子元素且类型必须匹配，而:first-of-type选中父元素下首个指定类型元素；二者功能不同，:first-child等价于:nth-child(1)。
-
锚点跳转失效主因是id与href匹配细节或DOM状态异常：id须全局唯一且不以数字开头；href需为合法hash格式；目标元素须已渲染且可见；可用scrollIntoView()替代或监听hashchange手动滚动，并用scroll-margin-top解决吸顶遮挡。
