-
垂直菜单需设flex-direction:column，配合justify-content（space-between/space-around/space-evenly）实现不同“均匀”效果，并用align-items:center水平居中，优先min-height防溢出。
-
答案：通过CSS的opacity、visibility和transform属性配合transition实现弹窗的显示与关闭动画。具体为：默认隐藏时设置opacity:0和visibility:hidden，添加.active类时opacity变为1且transform:scale(0.8)过渡到scale(1)，移除类时反向执行动画，JavaScript通过控制类的增减触发打开和关闭效果，点击遮罩或关闭按钮可移除.active类，从而完成带有淡入缩放效果的平滑关闭动画。
-
ES6模块是官方标准化的静态模块机制，加载时确定依赖关系，支持tree-shaking与循环依赖绑定，具名导出为实时绑定，default导出为值绑定，需注意Node.js启用条件及与CommonJS互操作限制。
-
JavaScript由浏览器引擎（如V8）解析执行：先词法分析、语法分析生成AST，再JIT编译为机器码运行；script放body底部可避免阻塞DOM解析；defer确保DOM就绪后执行，async则执行时机不可控；函数调用创建执行上下文并入栈；eval和Function因动态编译、安全风险及导致JIT失效而应避免。
-
FIMO导出HTML时纹理贴图默认不自动保留原始文件，但可勾选“Embedtextures”以Base64内联；否则需一并拷贝textures/目录，且须通过本地服务器而非file://协议访问以防CORS错误。
-
用PostCSS+preset-env、UnoCSS和cssnano配置模板统一多项目CSS工程化：共享.browserslistrc、按需生成工具类、标准化压缩，三者解耦可pin，避免黑盒脚手架维护困境。
-
Pure.css必须通过jsDelivrCDN引入v3.0.0版本pure-min.css，栅格需手动加容器并额外引入pure-responsive-min.css才响应式，表单按钮需用专用类名且避免与全局样式冲突。
-
HTML拼接有五种方法：一、JavaScript动态加载，用fetch+DOMParser插入；二、Node.js服务端拼接，用fs读取并合并字符串；三、HTMLImports（已废弃）；四、模板引擎如EJS通过include引入；五、Webpack等构建工具插件编译时内联。
-
flex-wrap用于控制Flexbox子元素是否换行，可选值为nowrap（不换行）、wrap（允许换行）和wrap-reverse（反向换行），常与flex-direction配合实现响应式布局。
-
IE8及更早版本不识别<article>等新标签，需用document.createElement创建并配合CSS声明display:block；html5shiv仅解决元素创建和样式化，不修复API、CSS3选择器或事件行为。
-
grid-auto-flow:dense不能主动填空，仅让未显式定位的网格项在自动放置时尝试填补空缺；它不改变DOM顺序、不响应式重排、不影响已定位项，且可能损害可访问性与性能。
-
HSLA是一种通过色相、饱和度、亮度和透明度定义颜色的CSS格式，格式为hsla(h,s%,l%,a)，适用于创建半透明效果。它常用于模态框遮罩、卡片悬停和文本阴影等场景，如hsla(0,0%,0%,0.6)可为文字区域添加半透黑色背景以提升可读性，同时保留底层图像氛围。相比RGBA，HSLA更直观地调整色调，适合动态配色，但需注意文本对比度和浏览器兼容性。
-
video标签默认非响应式，需显式设置width:100%、height:auto及object-fit；注意父容器布局、iOS全屏限制、viewport配置与固有尺寸影响。
-
使用开发者工具模拟设备、在真实设备测试、借助在线工具验证，并检查CSS布局结构，确保页面适配不同屏幕尺寸。
-
span加position:absolute后消失，因其作为内联元素脱离文档流且宽高坍缩为0；需确保有内容、设宽高、父容器定位上下文正确，并合理设置display值。
