-
移动端卡片翻转必须用JS切换class实现，因iOSSafari等浏览器不触发:hover；需监听click或touchstart事件，设置perspective、preserve-3d、translateZ及backface-visibility等CSS属性确保3D渲染稳定。
-
viewport是移动端页面正常显示的底线，必须写在<head>最前面且内容为width=device-width,initial-scale=1，缺一不可；否则iOSSafari默认按980px渲染，文字过小、布局错乱。
-
不能直接用watchEffect监听定时器ID，而应监听isActive、intervalMs等响应式状态，每次触发前清除旧定时器，满足条件时新建，并在清理函数中再次清除，避免堆积导致卡死。
-
必须在服务端HTML中静态写入OG标签，因社交平台爬虫不执行JS；微信要求og:image为HTTPS绝对URL且≥300×300px；Facebook、微信、微博、Twitter对OG支持差异大，需按平台适配。
-
本文介绍如何根据<select>下拉框的选中项，动态更新关联<inputtype="number">的max属性，并确保用户输入实时受控、超出范围时自动修正。核心依赖原生事件监听与DOM操作，无需框架。
-
FetchAPI是现代浏览器发起网络请求的标准方式，相比XMLHttpRequest更简洁强大，基于Promise支持async/await，但需手动处理状态码异常和响应解析，且不支持超时、上传进度监听等，IE不兼容。
-
Inject传递的必须是响应式数据源而非原始异步结果，需用ref/BehaviorSubject封装data、loading、error状态，统一管理请求生命周期、避免重复调用，并在组件销毁时清理订阅。
-
requestAnimationFrame（rAF）是实现流畅动画的关键机制，1.它与浏览器刷新周期同步，避免画面撕裂和跳帧；2.在页面不可见时自动暂停以节省资源；3.提供高精度时间戳实现帧率无关动画。通过在每次重绘前调用回调函数，rAF确保动画帧与屏幕刷新同步，形成自然流畅的视觉效果。相比setTimeout/setInterval，它能更高效地调度动画逻辑，尤其在性能和节能方面表现突出。使用时需注意性能监测、避免主线程阻塞、合理管理动画状态，并结合visibilitychange事件控制动画启停，同时
-
float文字环绕在响应式下失效，因float不感知视口变化，图片缩放后文字仍按旧宽度折行；iOSSafari对float+width:100%渲染不稳定，易导致文字掉至图片下方。
-
本文详解Express应用中“Cannotremoveheadersaftertheyaresent”错误的根本原因，聚焦于中间件中res.json()与next()的误用组合，并提供结构清晰、可落地的修复方案与最佳实践。
-
用hsla()定义线性渐变背景，配合@keyframes微调亮度与透明度实现呼吸效果；动画时长4.5s、ease-in-out缓动，性能优化建议用background-image+will-change或伪元素承载。
-
本文介绍如何将扁平的API文件节点数组（含id、parent和type）高效转换为具有无限层级嵌套的树形结构，支持FOLDER/STANDARD类型识别与动态children挂载。
-
动画首选transform:translate()而非top/left，因前者不触发重排、性能更优；absolute定位需父容器设relative；fixed元素动画应避免top/left，改用transform；读取坐标时，transform动画用getBoundingClientRect()，top/left动画可用offsetTop/offsetLeft。
-
使用Tailwind的justify-between工具类可轻松实现Flex容器中首尾两个子元素分别贴靠左、右边缘，无需额外包裹或复杂样式。
-
使用伪元素和background-clip可模拟渐变边框并实现过渡动画，通过::before创建渐变层并用transform控制动效；2.单色边框过渡可直接使用border-color配合transition；3.box-shadow能模拟双色或发光边框并支持颜色过渡，适合轻量交互反馈。核心是借助伪元素或阴影弥补border-color不支持渐变的限制，根据设计需求选择合适方案。
