-
z-index在grid容器中不起作用是因为它只对定位元素生效，而grid子项默认为static定位；必须显式设置position（如relative）才能激活z-index。
-
应显式声明transition属性而非all：如transition:background-color0.2s,border-radius0.3s,transform0.35sease-out；避免混用重排属性（left/top/width/height）与硬件加速属性（transform/opacity）；后声明的transition会覆盖前序同名规则；animation与transition混用易冲突，状态切换优先transition，多帧过程优先animation。
-
HTML5无加速表单渲染专用API，优化核心在于减负：规范label/input关联、批量创建DOM、预过滤禁用字段、简化验证逻辑、节流input事件。
-
防抖函数能避免高频触发是因为它通过重置定时器实现“等一等”，仅在最后一次触发后延迟执行；节流则通过时间戳或定时器控制“匀速发车”，确保固定间隔执行。
-
背景裁剪不一致源于background-size、background-position与容器宽高比变化的共同作用；统一方案应优先用cover+centercenter，需精控时用百分比定位，禁混用单位，并可用伪元素隔离提升精度。
-
JavaScript不能直接处理支付，需前端用stripe-js安全采集信息并生成payment_methodID，后端用secretkey调用PaymentIntentsAPI完成支付，严格分离密钥与敏感操作。
-
怎么用background-image实现渐变边框效果纯CSS没有border-gradient这种属性，但可以用背景图+padding+background-clip模拟出视觉上“带渐变边框”的容器。核心思路是：把渐变画在容器背景上，再用background-clip:padding-box把背景裁剪到内边距边缘，留出透明border区域——这样渐变就只出现在padding区域，看起来像边框。常见错误是直接给border设渐变（无效），或忘了设backgro
-
JavaScript的historyAPI仅支持同源的添加、替换和导航操作，不允读取或删除历史条目；pushState/replaceState修改URL和状态但不刷新页面，需服务器支持对应路由；popstate监听导航变化，首次加载不触发，须手动检查history.state。
-
React中引入CSS框架应优先按需导入避免全局污染，推荐CDN或import指定路径；CSS-in-JS用于动态样式与组件隔离，需明确分工、避免混用；主题切换需同步CSS变量与JS逻辑，注意SSR和构建体积优化。
-
PerformanceAPI通过高精度计时帮助识别性能瓶颈：使用performance.now()可精确测量代码执行时间，相比Date.now()不受系统时间调整影响，精度更高；利用performance.mark()和measure()能结构化标记任务阶段，便于在DevTools中可视化分析各阶段耗时；结合上下文、异常值、统计分析及调用频率，可定位慢函数或“热路径”；适用于复杂计算、DOM操作、用户交互响应、资源处理及第三方脚本影响等前端性能优化场景，为持续优化提供数据支撑。
-
article表示可独立分发、引用、订阅的内容单元，如博客正文、新闻、评论；section仅是文档内部逻辑分块，如“产品特性”，不构成完整信息单元。
-
JavaScript的Set对象用于存储唯一值，通过newSet()创建并用add()添加，重复值无效；使用has()判断存在、delete()删除、clear()清空；可与数组互转，遍历支持for...of和forEach()，但对象按引用去重。
-
HTML5项目可通过五种方式部署：一、FTP上传至Web服务器；二、HBuilder内置服务局域网预览；三、GitHubPages免费托管；四、云打包为原生App分发；五、云厂商对象存储静态托管。
-
JavaScript同步循环会阻塞浏览器渲染，导致进度条无法及时刷新；本文介绍使用async/await+自定义sleep函数将密集计算“切片”执行，让出主线程控制权，实现平滑、可响应的UI更新。
-
本文详解为何直接JSON.stringify()无法上传文件，以及如何使用FormData构建符合multipart/form-data规范的请求，确保头像、姓名、邮箱三者均能成功更新。
