-
图片容器必须设为position:relative，否则absolute遮罩层会脱离预期位置；遮罩层应使用rgba()设置背景透明度以避免文字发虚；尺寸需设为top:0;left:0;width:100%;height:100%或inset:0确保铺满；图片用display:block和object-fit:cover优化显示。
-
答案是打开浏览器即可运行HTML页面。1.编写index.html文件并保存；2.双击文件或右键用浏览器打开，确保扩展名为.html；3.可拖拽文件到浏览器预览；4.进阶使用本地服务器如LiveServer或Python命令运行，日常测试双击足够。
-
ID选择器只能匹配第一个同名元素，其余被静默忽略；CSS和getElementById均只作用于首个匹配项，重复ID会导致样式失效、JS不可达及SSR报错等问题。
-
主栏设flex:100（可增长、不收缩、无基准宽），副栏设flex:00280px（不增长、不收缩、固定基准宽），容器需display:flex且明确flex-direction；默认flex-shrink:1会导致主栏被压缩，故必须显式禁用。
-
当Express中动态路由（如/api/tshirts/:productId）声明在静态路由（如/api/tshirts/other）之前时，请求会被前者错误匹配并尝试解析other为productId参数，导致后续逻辑异常或返回null。
-
JS引擎是JavaScript的“发动机”，负责解析、编译并执行代码。它将文本代码转换为抽象语法树，通过即时编译（JIT）、垃圾回收和内联缓存等技术提升性能，使代码高效运行。常见引擎包括V8（Chrome、Node.js）、SpiderMonkey（Firefox）、JavaScriptCore（Safari）和曾用于旧版Edge的Chakra。
-
lightbox图片居中失效主因是容器未撑开或对齐逻辑触发过早；需确保图片加载完成再初始化，启用centerOnScroll，修正CSS选择器层级，并统一缩放策略。
-
ul必须仅包含li元素，不可直接嵌入文本或其他标签；li必须严格嵌套在ul或ol内，不可单独存在或置于非列表容器中；嵌套列表时子ul须完整位于父li标签内部；HTML5废弃type属性，应使用CSS控制样式。
-
Sass无法读取CSS变量，只能将Sass变量编译为CSS变量；需在:root中输出纯值或预计算的衍生值，避免运行时逻辑；混用时注意作用域、优先级及JS配合切换主题。
-
rgba()和hsla()可实现背景半透明而文字不透明，alpha值范围为0–1，仅作用于背景层；opacity会使整个元素及子元素变透明，不可取。
-
HTML转PDF时<ahref>链接失效的主因是PDF生成器未启用可点击链接支持或HTML链接格式不规范；wkhtmltopdf需加--enable-local-file-access和--allow参数，浏览器打印要求链接为完整URL，pdfkit须透传对应参数，且PDF查看器权限也影响链接表现。
-
根本原因是浏览器对label默认样式变更未启用过渡动画，必须显式声明transition且限定属性，推荐color、background、box-shadow等关键属性分别设置0.2sease过渡。
-
本文详解React中因误用<Box>组件替代<form>导致AxiosPUT请求未触发的根本原因，并提供完整修复方案，包括表单事件绑定、防页面刷新、请求调试与最佳实践。
-
空值合并运算符（??）仅在左侧为null或undefined时返回右侧值，保留0、false、''等假值；与||不同，??不将假值视为无效，适用于需区分“未定义”和“有意假值”的场景。
-
WebGL卡顿主因常是假性高面数或渲染调度不当，需先验算真实三角面数、优化导出设置、分层加载、LOD切换及合理使用InstancedMesh。
