-
答案是使用VSCode编写HTML后通过浏览器预览，推荐安装LiveServer插件实现自动刷新。首先在VSCode中创建并保存.html文件，然后直接双击文件用浏览器打开，或右键选择“OpenwithLiveServer”启动本地服务器实时预览，修改代码保存后页面自动更新，无需复杂配置。
-
transition不支持循环，它仅在属性值变化时触发一次单向过渡；实现循环动效必须使用@keyframes+animation，并通过animation-iteration-count:infinite、对称关键帧和ease-in-out等参数模拟过渡感。
-
浮动影响响应式布局主要因破坏文档流导致父容器塌陷、小屏换行错乱，且依赖固定宽度难以自适应；需额外清除浮动，维护成本高。相比之下，Flexbox与Grid支持自动伸缩、对齐和二维布局，更适配响应式需求，推荐优先使用。
-
表单自动保存需以watch触发、localStorage存储，按字段粒度监听，配合防抖、beforeunload兜底、onMounted恢复、版本控制及敏感字段过滤，并提供手动清除入口。
-
scroll-snap-type必须设在滚动容器上且满足溢出条件才能生效，其对齐精度受限于平台滚动策略，需结合JS二次校准以实现跨设备一致的卡片居中停靠。
-
Tailwind不支持selection变体，需在@layerbase中手动声明::selection和::-moz-selection；伪元素样式无法局部化，且仅支持有限CSS属性。
-
手动调用next()指脱离for...of自动调度、显式参与流程决策，典型场景包括成对消费、提前终止后继续、双迭代器协同、带缓冲解析；识别特征为解构调用、while循环、多分支分别调用等。
-
SWR是彻底取消等待的缓存策略：首次渲染用缓存，后台静默更新；需服务端设置Cache-Control头，仅Chrome≥75/Firefox≥115原生支持；ServiceWorker手动实现更通用，框架层SWR库提供staleTime等精细控制。
-
要实现“元数据保护”的拷贝，需先用Object.assign()复制可枚举自有属性值，再用Object.defineProperties()结合Object.getOwnPropertyDescriptors()补全不可枚举属性、getter/setter及属性描述符等元数据。
-
内联样式中linear-gradient失效通常因三方面：未写background-image前缀、颜色值格式错误（如hsl空格或rgba缺a）、方向参数拼写错误（如botton）。
-
冒泡排序通过相邻元素比较交换，将最大值逐步移到末尾；2.选择排序每次从未排序区选最小值插入已排序区末尾；3.插入排序将未排序元素插入已排序序列的正确位置；4.快速排序以基准分治递归排序左右子数组；5.归并排序通过二分后合并有序子数组实现整体有序。
-
浏览器不对CSS颜色值做“自动优化”，仅按规范进行确定性解析与归一化；不同语法（如#f00、rgb()、red）最终映射为统一sRGB值，无合并或缓存；渲染阶段的颜色空间转换（如display-p3）属底层行为，非语法层面优化。
-
scrollbar伪元素不支持transition，因其不属于常规渲染树；应通过transform+requestAnimationFrame模拟缓动，或用scrollIntoView({behavior:'smooth'})等滚动API实现真正平滑效果。
-
当用户在固定高度、可滚动的容器内操作<inputtype="range">并滚轮调节时，浏览器默认会同时触发父级div的滚动，造成体验干扰；本文提供一种基于鼠标悬停状态+全局wheel事件拦截的可靠解决方案。当用户在固定高度、可滚动的容器内操作``并滚轮调节时，浏览器默认会同时触发父级div的滚动，造成体验干扰；本文提供一种基于鼠标悬停状态+全局wheel事件拦截的可靠解决方案。在React（尤其是使用MU
-
使用记事本编写HTML代码并保存为.html文件，注意选择“所有文件”类型和UTF-8编码；2.双击文件用浏览器运行，若打开异常需检查后缀是否为.html；3.修改时用记事本编辑并保存，浏览器刷新即可查看更新。操作简单但需注意保存细节。
