-
纯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及动态切换，无需外部库。
-
使用visibility属性控制元素可见性，其值为visible、hidden或collapse；visibility:hidden隐藏元素但保留占位，而display:none则彻底移除元素并释放空间。
-
type="tel"在iOS弹带*#的电话键盘，禁字母和小数点；Android行为宽松，可能允许汉字空格；type="number"易输错小数点、丢前导零，故手机号应选type="tel"并配合inputmode="numeric"、pattern和JS校验。
-
浮动布局中垂直对齐需借助其他CSS属性实现，因vertical-align对浮动元素无效。可通过line-height使单行文本居中，或设置父容器为table-cell并使用vertical-align来间接控制。但更推荐改用flex布局，通过align-items:center实现可靠垂直居中，避免float的局限性。
-
JavaScript函数是可调用对象，具prototype、this绑定等特性；函数声明完全提升，表达式仅变量提升；箭头函数无this、只能为表达式；arguments与...args不可共存，默认参数从左到右求值。
-
Proxy劫持new调用需满足三条件：目标非原生构造函数、类引用未被模块处理或混淆、支持私有字段代理；失效主因是原生类不可代理、ESM导出失真及私有字段兼容性不足，实操应优先替换类引用并透传newTarget。
