-
中文排版慎用letter-spacing，因其会导致断行错乱；应优先调整line-height、font-size、max-width等；若必须使用，需限定作用域、字体及em单位数值。
-
递归函数是JavaScript中通过函数调用自身来解决重复结构问题的方法，核心在于设置终止条件和递归调用。例如阶乘计算、斐波那契数列、树形遍历和数组扁平化等场景均适用。需注意避免无限递归导致栈溢出，可通过尾递归优化或记忆化提升性能。掌握递归关键在于理清逻辑边界并合理优化。
-
卡片翻转卡顿因缺少3D渲染上下文和缓动控制，需父容器设transform-style:preserve-3d与perspective（1000px–2000px），子元素用transition配合cubic-bezier及backface-visibility:hidden实现自然翻转。
-
0.1s过渡看起来像没动，因人眼难捕捉且60fps下仅约6帧，易感知为跳变；建议基础交互至少0.2s，禁用≤0.05s或≥0.5s以避免失效或卡顿。
-
::first-letter伪元素用于设置块级元素首个字母的样式，常用于首字下沉或强调段落开头。通过p::first-letter可定义字体、颜色、大小等，支持font-size、color、line-height等文本属性，需注意仅对块级元素生效，且自动包含前导标点符号。
-
@at-root(with:media)能解决媒体查询嵌套后位置错乱问题，它只将@media规则提至与原选择器同级，保持内部选择器路径不变，避免优先级异常、复用困难及display:none截断。
-
本文详解在家庭预算应用中，因共享表单引用导致多条数据被同一编辑操作覆盖的问题根源与解决方案，重点讲解如何通过隔离表单状态、绑定唯一索引及正确更新DOM来确保每项编辑互不干扰。
-
draggable属性可设置为true、false或auto，其中true表示元素可拖动，false明确禁止拖动，auto则由浏览器根据元素类型决定；2.传递复杂数据时，可通过DataTransfer对象的setData()和getData()方法使用JSON字符串等形式传输，并可提供text/plain等备用格式；3.视觉反馈优化包括设置cursor样式、自定义拖动图像setDragImage()、目标区域高亮、合理配置effectAllowed与dropEffect以指示操作类型，并在放置后提供成功反
-
客户端表单验证的核心是通过JavaScript在提交前检查数据，提升用户体验并减轻服务器负担；2.实现方式为监听表单提交事件，阻止默认行为，逐项验证输入字段并显示错误信息；3.邮箱、密码、确认密码和同意条款等字段需分别进行非空、格式、长度、一致性及勾选状态校验；4.使用isValidEmail正则函数验证邮箱格式，displayError函数动态添加错误提示；5.实时验证、清晰错误提示和模块化验证函数可提升用户体验与代码可维护性；6.必须结合后端二次验证以确保安全性，前端验证不可被绕过；7.复杂场景推荐采
-
伪元素必须设置content属性才能渲染，常见错误是遗漏；需注意display、vertical-align、定位、可访问性及字体继承问题。
-
用rem实现缩放的本质是动态修改html的font-size，而非CSS自动响应屏幕变化；不依赖JS或媒体查询，rem本身不具备自适应能力。
-
null是显式赋空的原始值，表示“有意设为空”；undefined是系统默认值，表示“尚未赋值”。二者类型不同（null为object，undefined为undefined），==相等但===不等，应用中应依语义分工：参数默认用undefined，属性重置用null，API中null表明确为空，undefined表示缺失。
-
伪元素content属性仅支持字符串、Unicode符号、attr()取值、url()引用外部资源（如SVG），不支持HTML标签、JS执行或本地图片路径；用url()插入SVG时需显式设置宽高并用viewBox保证缩放清晰。
-
卡片式布局关键在CSS容器划分与视觉隔离，首选CSSGrid实现响应式网格，用grid-template-columns:repeat(auto-fill,minmax(280px,1fr))和gap统一间距，避免float或inline-block导致的错位与间隙问题。
-
createPortal必须作为JSX返回值的一部分在组件的return中调用，不能在事件处理函数等副作用逻辑中直接执行；它本质是React渲染流程的一环，需通过状态驱动条件渲染来实现动态挂载。
