-
min-width不生效的四大主因是盒模型设置、父容器约束、浏览器内置样式及calc()语法错误；需统一box-sizing:border-box、检查flex收缩、重置-webkit-appearance、确保calc空格与变量定义。
-
Sass变量命名应以可维护性优先，采用$color-blue-500、$space-md等带层级和单位的格式；嵌套不超过三层，超层用BEM平铺；mixins所有非核心参数须设默认值；全项目统一使用@use，禁用@import混用。
-
在Safari中用appearance:none移除checkbox默认样式可行，但必须搭配::before或::after伪元素重绘且显式设置display:block（或inline-block），否则伪元素不渲染——这是Safari独有的坑。
-
Chrome/Edge按Ctrl+P导出PDF排版错乱，根本原因是浏览器默认禁用position:fixed、transform等CSS，忽略非@mediaprint规则并强制分页；须显式添加@mediaprint重置样式、禁用浮动定位、避免vh/vw单位、启用print-color-adjust精确打印背景，SVG/CSS建议转PNG嵌入。
-
关键在于闭包是否意外延长本该即死对象的寿命，尤其当注册为事件监听器、缓存在长生命周期对象中或捕获大尺寸上下文时；需结合GC日志、内存分配追踪与堆快照差异定位高危闭包。
-
纯CSS无法实现数字动态滚动，必须用JavaScript配合requestAnimationFrame控制数值演进，结合IntersectionObserver触发及正则提取纯数字，确保平滑、精准、低开销。
-
border-radius:50%不圆的根本原因是元素宽高不相等；object-fit:cover裁边填满容器，适合头像，contain则保持原图比例留白。
-
HTML无法直接获取Wi-Fi或蜂窝信号强度，需依赖JavaScript调用navigator.connection等API间接判断网络质量，仅支持effectiveType和downlink，不提供dBm或格数。
-
最基础的预览方式是双击打开HTML文件，但fetch、ES模块等需本地服务器；常见问题包括保存为.txt、编码非UTF-8无BOM、file://协议限制；推荐LiveServer或http-server；开发者工具中Network和Console优先排查路径与报错。
-
performance.measure的两个参数必须都已存在，否则静默失败；常见漏打场景包括快速连点、钩子中DOM未就绪、路由跳转mark覆盖；验证需用console.assert检查mark是否存在；“渲染完成”应检测真实DOM内容或LCP，而非仅依赖生命周期钩子；上报须节流、抽样、清理。
-
<link>必须放在<head>中，因浏览器流式解析HTML时若将其置于<body>会导致FOUC（无样式内容闪烁）、样式延迟应用甚至不生效，且路径错误、编码BOM等问题也会导致链接失败。
-
Bootstrap4不支持d-inline-flex，应使用.btn-group组件实现按钮并排，因其封装了边框合并、圆角统一和禁用状态联动等关键特性，手动添加display:inline-flex会丢失这些功能。
-
用content-visibility:auto配合contain-intrinsic-size能显著降低首屏渲染耗时，但必须处理好占位尺寸和兼容性，否则滚动会抖、读屏器会漏内容。
-
订单备注输入框应根据内容长度选择：简短说明用<inputtype="text">，多行备注必须用<textarea>；后者支持换行、滚动和语义正确，配合rows、maxlength及white-space:pre-line确保体验与数据一致。
-
JavaScript国际化（i18n）主要通过原生Intl对象实现，基于UnicodeCLDR数据提供日期、数字、货币等语言敏感格式化能力，支持locale匹配、fallback及动态切换，无需外部库。
