-
rotateY翻页核心是用transform:rotateY()配合perspective和preserve-3d实现真实3D旋转，关键在transform-origin设为left/rightcenter对齐书脊、perspective加于父容器、backface-visibility隐藏背面。
-
JavaScript跨域iframe通信必须通过postMessage等合法协作机制实现，严禁尝试突破同源策略；双方需校验origin、使用可序列化数据，并确保iframe主动暴露响应能力。
-
@tailwindbase仅重置盒模型（box-sizing:border-box）及默认字体、行高，不重置标题margin或表单样式；必须置于CSS最顶部以防被覆盖，不可跳过否则导致布局错位。
-
useMemo的核心思想是通过缓存计算结果并在依赖项未变化时直接返回缓存值来避免重复计算，其关键在于依赖项数组的正确使用，它决定了何时重新执行计算；该机制解决了因不必要的重复计算和引用变化导致的性能瓶颈问题；useMemo用于缓存值，而useCallback用于缓存函数引用，两者共同优化React组件的渲染性能。
-
不行。伪元素::before和::after无法响应鼠标事件，因不参与事件流；拖拽手柄必须用真实DOM元素（如div或span），配合pointer-events:none禁用原生input滑块，并通过JS计算更新位置。
-
:active不生效主因是移动端300ms延迟、元素不可聚焦或样式被覆盖；应加touch-action:manipulation、tabindex，将:active置于:hover后，用transform替代颜色变化，并兼顾键盘操作。
-
正确设置HTML文件路径需根据资源位置选择相对路径、绝对路径、根相对路径或远程URL。1、相对路径基于当前文件位置，适用于内部资源引用，便于迁移；2、绝对路径从磁盘根目录开始，如file:///C:/project/images/photo.jpg，但可移植性差；3、根相对路径以“/”开头，从网站根目录定位，适合大型项目统一管理；4、远程资源使用HTTP/HTTPS完整URL，如CDN链接，确保跨域合法与安全性。
-
JavaScript浮点数计算不精确是IEEE754标准导致的共性问题，0.1+0.2结果为0.30000000000000004而非0.3；应使用误差容忍法（如Number.EPSILON或自定义容差）替代===比较。
-
transition必须写在非hover状态的规则里，否则移出时因缺少过渡声明而瞬间跳变；仅可计算中间值的属性（如color、transform）支持过渡，display、auto宽高、position、z-index等不支持；移动端:hover不可靠，应改用:active或JS控制class切换。
-
cubic-bezier()的四个参数定义贝塞尔曲线的两个控制点坐标，x1/x2必须在[0,1]内，否则被忽略退为ease；y值可越界实现回弹等效果，调试推荐Chrome动画检查器拖动预览。
-
模块化解决代码组织与依赖管理，聚焦逻辑拆分复用；组件化解决UI构建与视图复用，聚焦界面封装隔离；二者分层协作，组件为载体、模块为零件。
-
要让颜色与边框颜色同步过渡，需在默认状态设置transition并确保边框始终存在。1.定义元素样式，包含color和border-color的transition；2.可用transition:all简化写法；3.初始边框不能为none，颜色值需可插值；4.transition写在正常状态以实现双向动画。正确配置后，悬停时文字与边框将平滑同步变色。
-
获取数组最后n个元素的推荐方法是使用slice(-n)或_.takeRight()；1.使用Array.prototype.slice(-n)可直接获取末尾n个元素，若n大于数组长度则返回整个数组，若n为0或负数则返回空数组（但slice(-0)等同于slice(0)，返回整个数组）；2.使用Lodash的_.takeRight(array,n)语义更清晰，行为更符合直觉，n为0或负数时明确返回空数组；选择取决于是否已引入Lodash及对代码可读性的要求，原生slice无需依赖且性能佳，而takeRigh
-
NaN是JavaScript中表示非法数值的特殊Number类型值，不等于任何值包括自身；产生于数学运算失败、类型转换失败等场景；检测应使用Number.isNaN()而非==或===。
-
background-clip是控制元素背景绘制区域边界的CSS属性，决定background-color和background-image在border-box、padding-box、content-box或text范围内渲染，仅影响背景显示范围，不改变盒模型或子元素样式。
