-
FetchAPI提供简洁的Promise风格网络请求，支持GET/POST等方法，需手动检查响应状态，可结合AbortController实现超时控制，推荐用于现代JavaScript开发。
-
CSSlinear-gradient出现断层本质是RGB颜色空间非感知均匀且受8bit位深限制；改用hsl()需控制亮度l线性变化、色相h与饱和度s微调，而非简单转换；生产中常结合加噪点、放大渐变背景等方案提升平滑度。
-
flex-flow是flex-direction和flex-wrap的原子性简写，设了它两个属性都会被全量重置而非可选覆盖；必须写全如columnwrap，不可省略任一值，否则未显式指定的会回退到默认值（row/nowrap）。
-
不推荐用float布局做瀑布流，因其无法自动将元素贴至最短列底部，需JS预计算高度并手动设置margin-top模拟，存在塌陷、重排卡顿、响应式维护难等问题，现代应优先选用CSSGrid或Masonry库。
-
使用toLocaleString()或正则可实现数字千分位格式化，前者简洁且支持国际化，后者灵活可控；推荐优先使用toLocaleString('en-US')，结合输入校验与小数处理确保稳定性。
-
HTML5本地存储主要有localStorage和sessionStorage，前者持久保存数据，后者仅在会话期间有效；两者均以字符串形式存储，需配合JSON.stringify和JSON.parse处理复杂数据；注意跨域限制、安全性及同步操作对性能的影响。
-
@layer是CSS用于解决样式覆盖混乱的分层机制，通过声明命名层（如@layerbase、components）按顺序控制优先级，避免!important和权重战，同层内仍遵循常规层叠规则。
-
HTML、CSS、JS压缩需分层处理：HTML用html-minifier-terser安全压缩，跳过<pre>等特殊标签；CSS必须用cssnano解析后优化；JS唯一推荐terser，兼容新语法并支持tree-shaking。
-
用Sass@function动态生成box-shadow值，通过层级参数$level计算offset、blur、spread和透明度，返回统一单位的字符串；不可用CSS变量替代，因其不支持运行时拼接且性能差。
-
will-change不是魔法属性，需在交互触发前一刻动态设置、动画结束后立即移除；仅对transform和opacity有效，滥用会导致图层爆炸、内存飙升和卡顿。
-
typeofnull返回"object"是因底层32位标签中null的二进制00被误判为对象，属无法修复的历史bug；ECMA标准为兼容性保留该行为，开发者应使用===null或Object.prototype.toString.call()规避。
-
应轮询检测window.devicePixelRatio变化：用requestAnimationFrame实现精准、低开销的实时监听，并首次加载时立即执行；resize事件不可靠，因缩放不必然改变窗口尺寸。
-
父容器高度塌陷时应设position:relative激活定位上下文，使absolute子元素相对于它定位；父容器需有明确尺寸或由其他非absolute内容撑开，不可依赖absolute元素反向撑高。
-
直接使用input[type="email"]即可精准定位type="email"的输入框，无需class或id；注意引号必须为英文且type值严格区分大小写。
-
resize是浏览器原生行为，直接写内联样式但不触发事件，JS无法自动感知变化；必须通过mouseup或requestAnimationFrame主动读取offsetWidth并同步到CSS变量。
