Zustand的persist中间件在页面刷新后会丢失store中定义的方法（如setColor），因其仅持久化可序列化的状态值，而函数无法被JSON序列化，导致重hydration后方法变为undefined。

navigator.vibrate()不提供震动反馈数据，因其是单向轻量级提示接口，无传感器读数、执行状态或事件回调；仅返回true表示调用成功，不保证实际震动发生。

nth-child依赖DOM中的物理位置而非可见性，因此隐藏行（display:none）仍参与计数，导致奇偶背景色错乱；正确做法是动态重置可见行的序号类（如row-1,row-2）或改用:nth-of-type配合结构优化。

float布局塌陷指父容器因子元素浮动而高度坍缩为0，导致背景/边框消失、后续元素上移；clearfix通过伪元素+clear:both强制撑高父容器，但现代推荐用flex或grid替代。

vertical-align对浮动元素无效，仅适用于行内级元素和表格单元格；替代方案是用inline-block配合vertical-align或直接使用flex实现垂直居中。

HTML5<inputtype="date">仅支持公历，不处理农历闰月；2024-02-29被接受是因公历闰年规则，非闰月支持；需用JS库实现农历及闰月功能。

HTML中输入真正空格需用 等实体或CSS控制，禁用全角空格；UI对齐问题应优先用padding/margin而非空格；框架中需用v-html、dangerouslySetInnerHTML或\u00A0避免转义。

FetchAPI是浏览器内置的现代网络请求接口，基于Promise，支持async/await；GET/POST请求需手动处理HTTP错误和JSON解析，注意credentials、超时及进度等限制。

some用于检查数组是否有至少一个元素满足条件，找到即停止；every用于检查所有元素是否都满足条件，遇到不满足的即停止。some像侦察兵找符合条件元素，找到立即返回true，否则遍历完返回false；every像质检员要求全部合格，发现不合格立即返回false，否则遍历完返回true。两者都具短路机制，提升性能；some在存在性判断时高效，如权限检查、数据有效性；every在普适性判断时高效，如全量校验、表单验证。此外，some在空数组返回false，every在空数组返回true，体现“真空真理”。使

本文介绍如何将文字描述与图片绑定，通过对象数组结构扩展原有图片数组，并在点击时同步更新图片和文字内容，实现图文联动的随机展示效果。

可通过命令提示符使用for循环批量生成HTML文件。首先用cd/dD:\html_learning进入目标目录，再执行for/l%iin(1,1,10)命令创建page1.html到page10.html基础文件；接着生成含CSS样式的lesson1.html到lesson5.html，内嵌字体与颜色样式；最后分批创建basic_1.html至basic_3.html和form_1.html至form_3.html，实现按主题分类管理学习文件。

add()方法用于将新元素添加到当前匹配集合中并返回新对象，例如$('p').add('span')可同时操作p和span元素；支持选择器、DOM元素或jQuery对象作为参数，如$('p').add(document.getElementById('myDiv'))或$('p').add($('a'))；该方法不修改原始集合，元素按文档顺序排列且不重复添加，适用于需对多个无关元素统一操作的场景。

align-items:stretch默认生效，但常因子元素height/min-height设置、box-sizing为content-box、内部flex未设height:100%、图片未约束、跨行span或align-self覆盖等原因导致视觉不齐，需综合调整。

移动端CSS过渡不流畅主因是渲染路径未优化：需动态启用will-change（如touchstart时设transform，结束后清空），优先用transform/opacity避免触发布局重排，配合contain、prefers-reduced-motion及移除filter/box-shadow等降级因素。

解构赋值是JavaScript语言级数据提取机制，支持对象和数组的模式匹配取值；对象解构用{}对齐属性，可设别名、默认值，但嵌套需防undefined；数组解构用[]按位置取值，支持跳过与rest收集；函数参数解构需设默认空对象防错；不适用于单字段、结构不稳定、响应式场景或需深拷贝时。