-
必须设transform-style:preserve-3d，否则子元素被压平成2D，rotateY/X无效；需加在直接包裹正反面的容器上，且移动端需补-webkit前缀。
-
conic-gradient适合做加载圆环，因其可直接按角度切分颜色，无需拼接radial-gradient或依赖transform:rotate()动画，CSS更简洁、动画更平滑；但不支持IE，旧版Safari也有兼容问题。
-
flex-direction:column-reverse仅翻转主轴方向，不改变DOM顺序，故tabindex、屏幕阅读器、:first-child等仍按原始HTML生效；适用于纯展示场景，无障碍或交互场景应优先用order属性控制视觉顺序。
-
Flex多列布局核心是设容器display:flex，用flex-direction、flex-wrap和子项flex属性控制排列；三栏等宽用flex:1而非width百分比；两栏自适应推荐flex简写组合；响应式切换需配合flex-wrap和媒体查询。
-
FOIT指字体加载时文字空白，FOUT指先用系统字体再替换；默认font-display未设导致浏览器策略不一，swap最常用但需控制字体度量差异，preload关键字体可缩短swap窗口，自助托管比第三方服务更可控。
-
RetainedSize是识别闭包内存泄漏最直接有效的指标——它反映闭包被回收后可释放的内存量；聚焦(closure)构造函数，按RetainedSize降序排序，重点排查超500KB且持续增长的实例，通过Retainers追溯至window、全局Map或已卸载组件等泄漏源头，并结合多快照对比与CapturedValues分析定位真凶。
-
<p>Less无法自动平衡多栏高度，但可通过变量精准控制列宽比例：用@columns定义总栏数，结合calc()和运算式（如(100%-(@columns-1)*@gap)/@columns）动态计算净宽，并通过mixin封装响应式列布局，支持断点切换栏数。</p>
-
直接用@keyframes+animation可实现可靠高性能滑入动画：定义slideIn关键帧使元素从translateX(-20px)/opacity:0到translateX(0)/opacity:1，再通过animation:slideIn0.4sease-outforwards应用，注意避免display:none、overflow:hidden等导致失效，并分离slide-in/slide-out逻辑确保多次进出稳定。
-
全屏API可通过requestFullscreen()使元素全屏，exitFullscreen()退出，结合fullscreenElement和fullscreenchange实现状态管理，需在用户操作中调用并处理浏览器兼容性。
-
height:100%不生效是因为百分比高度需父元素有明确高度，而html的父级（视口）默认不被当作有高度的容器；应改用height:100vh或min-height:100dvh，并重置margin/padding。
-
JavaScript异步指耗时操作在后台运行，主线程继续执行，避免页面卡死；依靠事件循环和任务队列实现，含microtask（如Promise）与macrotask（如setTimeout）；回调函数是基础方式，易致回调地狱，现多用Promise链式调用和async/await语法提升可读性与错误处理能力。
-
手机上字体未变小是因为未定义最小断点类（如text-sm），仅写md:text-lg导致默认状态无font-size；Tailwind不自动回退，须显式声明各断点类并按顺序书写。
-
Blob配合URL.createObjectURL可纯前端导出文本：先用指定UTF-8编码的Blob封装字符串，再生成临时blobURL，通过动态创建带download属性的a标签模拟点击触发下载，最后移除元素并释放URL。
-
能，但需正确设置viewport元标签、合理选择rem/vw单位并按内容而非设备设断点。viewport须置于head最前且写全参数；rem宜JS动态设置，vw需防iOS键盘干扰；断点应基于容器宽度和内容布局需求，辅以容器查询与真机多场景验证。
-
能，caret-color专用于设置输入框光标颜色，支持所有CSS颜色语法，不继承，需显式设置在可编辑元素上，兼容Chrome57+/Firefox53+/Safari11.1+，注意优先级和旧版Safari降级方案。
