-
PerformanceAPI不直接暴露脚本解析/编译耗时，但可通过resourcetiming、performance.now()埋点、longtask监控及DevTools工具间接分析各阶段性能瓶颈。
-
padEnd比空格拼接更可靠，因其按Unicode码点长度（.length）自动补足字符数对齐，兼容emoji、中文与ASCII混排，且经引擎优化性能更优；但仅适用于等宽字体下的字符数对齐，不支持像素级视觉对齐。
-
JavaScript无原生抽象类和接口，但可通过构造函数检查、运行时抛错模拟抽象类，用对象契约+校验函数模拟接口；TypeScript提供编译期interface和abstractclass支持；工程中推荐TS或JSDoc+断言，避免过度继承。
-
应确保在页面完成导航后调用，如在window.load事件或document.readyState为'complete'时；注意仅记录当前文档导航，避免在空白页测试，并确认类型名拼写正确。
-
linkrel="stylesheet"在混合App中常不生效，因WebView对file://协议缓存激进、忽略Cache-Control，且iOS/Android对CSS路径解析不一致；应改用JS动态注入内联样式或绝对路径，并加哈希防缓存。
-
JavaScript金融计算必须用BigInt以分等整数单位运算，避免浮点误差；输入需字符串解析补零转BigInt，除法要手动控精度，序列化须转字符串。
-
hidden属性是语义化开关，表示元素逻辑上不存在；其默认display:none常被CSS覆盖，需用!important确保生效，且JS操作后需手动清除内联样式，表单中hidden元素值不提交，适用场景强调辅助技术感知与语义准确性。
-
additionalData配置可使SCSS变量全局可用，但路径错误、分号遗漏、@use与@import混用是90%失效主因；必须用@use"@/styles/variables.scss"as*;并确保别名已配置、文件无CSS规则、末尾带分号。
-
samp标签专指用户代理实际呈现的原始程序输出，如终端错误提示；不可用于API响应、日志或含解释性内容，须配合CSS实现等宽与换行，语义误用会损害可访问性。
-
z-index在Flex子项上不生效主因是元素未定位或父级创建了层叠上下文：必须显式设置position（如relative）才能启用z-index；若父容器有opacity/transform/filter等属性，则会创建独立层叠上下文，使子项z-index仅在该上下文中生效。
-
HTML不创建manifest.json，仅通过<linkrel="manifest">引入；该文件须手动编写并部署于根目录或正确路径，满足HTTPS、application/manifest+jsonMIME类型、非空name/short_name及含192x192和512x512PNG图标的icons等条件。
-
未读邮件应通过左侧4px竖条标识，颜色使用CSS变量并满足WCAGAA标准；整行点击需用pointer-events控制链接交互；Safari多选失效时改用visibility:hidden或:has()选择器；未读计数须缓存状态而非实时遍历DOM。
-
viewport-fit=cover是启用env()安全区变量的前提，缺失时iOSSafari中env(safe-area-inset-*)恒为0px；必须在metaviewport中显式声明且不可动态插入，需配合fallback值或env(var,fallback)语法及@supports检测确保兼容性。
-
圆角动画回退突兀的本质是border-radius过渡未被正确触发或中断，需用@keyframes配合animation-direction:reverse和animation-fill-mode:forwards实现可控双向动画，统一单位、禁用auto/inherit，并推荐element.animate()API精确控制。
-
使用<img>标签插入图片需设置src、alt及尺寸属性，结合srcset与sizes实现响应式，通过<picture>优先加载WebP/AVIF格式，启用loading="lazy"进行懒加载，并利用CDN优化，可显著提升网页性能与用户体验。
