-
SCSS变量不能自增，真正的动态计数依赖CSS原生counter-reset和counter-increment；@for循环仅生成静态规则，而CSS计数器在渲染时实时计算并自动重排。
-
路由懒加载本身不支持预下载，但可通过webpackPrefetch（空闲时静默预加载）或webpackPreload（用户交互时高优先级预加载）实现按需预下载，结合行为预测与缓存策略提升体验。
-
使用CSS::placeholder与动画结合可实现动态输入提示效果。1.通过::placeholder设置占位符样式，支持颜色、字体等基础属性，并添加过渡效果；需加厂商前缀提升兼容性。2.利用label模拟placeholder，结合:focus与:valid状态实现上浮缩放动画，形成标签式提示。3.配合JavaScript控制类名变化，触发placeholder透明度过渡，实现淡出效果，增强动效连贯性。4.注意::placeholder不支持transform动画，复杂效果需依赖额外HTML结构；确保
-
现代HTML布局中，实现等高列唯一推荐display:flex和display:grid；flex需父容器有明确高度（如min-height）且子项不覆盖align-items:stretch，grid需合理设置grid-template-rows或grid-auto-rows，避免table-cell等语义错误或hack方案。
-
Float64Array本身不保证双精度一致性，关键在于数据表示、传输和运算逻辑三者对齐：需统一遵循IEEE754-2008标准，优先采用二进制传输（如ArrayBuffer），避免JSON；运算应通过WebAssembly统一数学库或严格控制舍入；内存操作须显式管理字节对齐与视图一致性。
-
Flex适用于一维布局（单行/列对齐、分布、顺序调整），Grid专用于二维网格（行列同时控制）；二者分工明确，常嵌套使用——Grid作外层区域划分，Flex处理内部细节对齐。
-
skew()参数顺序与直觉相反：ax影响垂直错切，ay影响水平错切；推荐用skewX()/skewY()显式控制，注意变换顺序、热区偏移及兼容性问题。
-
IndexedDB本身不是离线存储，关网白屏主因是ServiceWorker未注册或未缓存HTML；indexedDB.open()报错多因HTTPS缺失、无用户交互、隐私模式、非法库名；需结合SW缓存与状态同步机制保障离线可用性。
-
用CSSGrid实现响应式卡片组，移动端单列、768px起双列、1024px起三列；采用auto-fit+minmax保证弹性列数，gap替代margin确保间距可靠，卡片内用flexcolumn+min-height+flex:1实现等高与底部对齐，图片用picture/aspect-ratio/宽高属性防抖动和CLS，卡片整体加padding提升触控性，并添加role="list"/"listitem"保障无障碍。
-
setCustomValidity()是唯一能覆盖默认错误文案并影响提交性的方法；必须在input和blur事件中每次都先调用setCustomValidity('')再判断设错，否则错误状态持续存在。
-
:read-only和:read-write伪类仅响应HTML的readonly属性（非JS属性），仅对input/textarea原生生效，contenteditable需验证，disabled元素不匹配；:read-only元素仍可聚焦和提交，而:disabled彻底禁用交互；IE和旧Safari不支持，需@supports或属性选择器兜底。
-
表单性能测试的核心是模拟用户提交行为并测量端到端响应时间，需通过识别关键表单、定义响应时间等指标、选用浏览器开发者工具或JMeter等负载工具、模拟真实用户操作、处理动态数据与会话、分析网络与客户端耗时，并在不同并发下测试以发现瓶颈，常见挑战包括动态令牌、异步提交和第三方依赖，而工具选择应综合协议支持、脚本能力、并发规模、报告功能及团队技能，最终确保测试结果真实反映系统性能，完整覆盖从用户操作到服务器响应的全过程。
-
CSS的transition对background-image（含linear-gradient）完全无效，因规范将其列为不可动画属性；可用background-position位移模拟流动效果或伪元素opacity淡入淡出实现视觉过渡。
-
WeakMap是实现真正私有属性的可靠方式，因其键为弱引用对象且键集合完全不可见，无法被枚举、遍历或反射探测；配合模块级WeakMap实例与实例作为键，可安全封装私有数据。
-
完全可行，但只能模拟静态日历图标外观，无法实现日期渲染、交互或动态更新，因伪元素无DOM节点、不支持计数器递增、事件绑定及Grid布局。
