-
useEffect用于处理函数组件中的副作用，如数据请求、事件监听等，通过依赖项数组控制执行时机；2.依赖项遗漏会导致闭包捕获旧值，必须将所有用到的变量加入依赖数组或使用函数式更新；3.不稳定依赖（如每次渲染重建的函数）会引发无限循环或频繁执行，需用useCallback或useMemo固化引用；4.useEffect在DOM更新后异步执行不阻塞渲染，useLayoutEffect则同步执行适合需立即测量DOM的场景；5.拆分多个useEffect按不同依赖独立执行更高效，复杂逻辑应封装成自定义Hook提
-
float:right不能真正反转书写顺序，因为仅改变视觉位置而不改变DOM顺序，导致可访问性、选择器和逻辑行为仍按原始HTML顺序执行。
-
通过设置flex-basis百分比和flex-grow，结合min-width与flex-wrap，可实现卡片布局的自适应宽度与响应式换行，确保在不同屏幕下均保持良好视觉效果。
-
应为每行表单项（如.form-row）设display:flex，label固定宽度+flex-shrink:0，input用flex:1+min-width:0；Grid布局更稳但需注意老版Safari兼容性；避免float/inline-block因设计逻辑不适用表单对齐。
-
<p>通配符选择器初始化样式易出问题，因无差别匹配所有元素（含svg、math等），导致表单控件错位、SVG压缩、可访问性布局断裂；现代reset已弃用，改用白名单精准重置。</p>
-
正确声明@font-face需同时满足五点：格式组合（woff2+woff+ttf）、路径相对CSS文件、font-family名称严格一致、font-weight/style与字体文件匹配、必加font-display:swap。
-
最常用去重方式是[...newSet(arr)]，时间复杂度O(n)，支持NaN相等判断但对象需按key去重；对象数组推荐Map缓存key实现O(n)过滤；IE或稀疏数组需回退filter+indexOf。
-
本文详解如何通过Mongoose中间件（pre-deleteOnehook）实现带业务校验的软性删除保护，防止误删仍有关联数据（如书籍）的作者文档，并修正常见字段引用错误。
-
HTML中直接插入Unicodeemoji字符即可，如?、?、✅；需确保<metacharset="UTF-8">在<head>最前面，否则会乱码；不建议用img或base64模拟，以免语义丢失和可访问性问题。
-
WebSocket是基于TCP的全双工通信协议，通过HTTP升级握手建立持久连接，实现高效双向实时通信；前端用原生API，后端需专用服务，实际应用需处理心跳、鉴权、可靠性及连接管理。
-
本文详解如何为两个<select>元素绑定change事件，利用data-*属性存储关联参数，并在任一选择变更时自动拼接URL、跳转至目标页面，无需提交按钮。
-
td:last-child能精准选中每行最后一列td，因其匹配tr下最后一个子元素且为td类型；若末尾是th则不匹配，避免误高亮表头；需写为trtd:last-child防止全局误配。
-
本文详解如何纯用Bootstrap5.2.3的内置栅格系统（无需自定义CSS）构建包含三级嵌套、色彩区分、等宽/等高区块的响应式布局，重点说明row与col-*的嵌套规则及常见误区。
-
当父容器与子元素均设置半透明背景色（如rgba）且发生视觉重叠时，浏览器会将两层透明度混合渲染，导致颜色加深。根本解决方案是确保至少一层背景为完全不透明（opacity:1或alpha=1），或合理控制各层透明度层级。
-
FIMO输出HTML不支持文本对齐控制。其HTML为固定模板，无align属性或CSS样式选项，对齐效果源于浏览器默认渲染；需通过后处理注入CSS或改用TSV+Pandas/R等工具实现自定义对齐。
