-
浮动影响响应式布局主要因破坏文档流导致父容器塌陷、小屏换行错乱，且依赖固定宽度难以自适应；需额外清除浮动，维护成本高。相比之下，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.修改时用记事本编辑并保存，浏览器刷新即可查看更新。操作简单但需注意保存细节。
-
准确统计WebSocket连接数需服务端主动维护原子计数器：在connection事件增、close/error事件减，避免依赖wss.clients.size；配合心跳超时踢出，并通过process.nextTick安全暴露HTTP接口。
-
通过SublimeText4可一键生成HTML+CSS项目模板，提升前端开发效率。首先，创建自定义Snippet片段，输入htmltpl后按Tab键即可生成包含标准结构的HTML文件；其次，配置BuildSystem调用Shell脚本，运行后在当前目录生成project文件夹及index.html、style.css文件；最后，结合PackageControl安装Emmet和SideBarEnhancements插件，实现快速代码补全与文件管理，进一步优化开发流程。
