-
CORS预检请求是浏览器在发送非简单跨域请求前自动发起的OPTIONS请求，用于确认服务器是否允许实际请求。当请求方法为PUT、DELETE等或包含自定义头（如X-Token）或Content-Type为application/json时触发。该请求携带Access-Control-Request-Method和Access-Control-Request-Headers头，服务端需响应Access-Control-Allow-Origin、Access-Control-Allow-Methods、Acc
-
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')，结合输入校验与小数处理确保稳定性。
-
配置JavaScript源映射需在构建工具中启用devtool选项，如Webpack的'eval-source-map'用于开发，'hidden-source-map'用于生产；生成的.map文件通过sourceMappingURL被浏览器加载，使开发者能在DevTools中调试原始代码；不同devtool类型在速度与精度间权衡，生产环境推荐将.map文件上传至Sentry等监控平台以保障安全。
-
使用伪元素可实现CSS商品卡片中信息的视觉隐藏与替代展示。1.通过::before创建色块覆盖内容，如将“已售数量”文字设为透明并用背景遮盖，保留DOM结构利于SEO；2.利用::after插入“少量”等提示文本替换原信息，原数据仍存于HTML中；3.结合overflow:hidden与伪元素内容屏蔽，如用“**”填充价格区域；4.注意设置content、定位及z-index确保效果正确，必要时添加user-select:none防复制，并考虑aria-hidden保障无障碍访问。核心是视觉遮盖同时保留内
-
Chrome和Firefox渲染不一致主因是引擎容错策略差异：Blink激进修复，Gecko保守暴露问题；pre标签格式失效多因CSS干扰；textarea须用value而非innerHTML读写；HTML格式化影响空白处理。
-
CSS中无法直接旋转背景图，需用伪元素::before承载并旋转，配合absolute定位、z-index分层及宽高扩展防裁剪；或用repeating-linear-gradient模拟斜纹。
-
iOSSafari的required验证常静默失效：校验触发但无气泡提示，submit拦截后需手动reportValidity()，隐藏元素设required易致提交失败且无反馈，动态设置须同步可见性与required状态。
-
避免使用全大写文本的原因有：1.影响阅读体验，因缺乏字母升部和降部，导致单词形状单一，增加辨认难度；2.易被误解为情绪激动，造成用户不适；3.不符合HTML语义规范，应通过CSS实现样式控制；4.对可访问性不利，可能干扰屏幕阅读器朗读并加重阅读障碍用户的负担；5.使用CSS的text-transform属性可分离内容与表现，保持语义完整、提升灵活性与国际化适配能力。
-
SVG的<title>和<desc>必须作为子元素置于<svg>根节点最开头，顺序为先<title>后<desc>，不可嵌套或颠倒，且需手动插入而非设属性；它们是SVG规范强制支持的可访问性元数据，非HTML标签或注释。
-
要实现CSS背景色平滑过渡，必须使用transition:background-color0.3sease;，配合十六进制/RGB/HSL等统一格式的颜色值，并在默认和交互状态均定义background-color。
-
CSS动画实现自然飘动效果需用transform位移、8–12s时长、多关键帧偏移、cubic-bezier缓动，并为每个div设不同delay/duration/幅度以避免同步；移动端需加touch-action:none防干扰。
