-
triggerRef专门用于手动触发shallowRef的响应式更新，因其只监听.value赋值而不追踪内部属性变化；修改userInfo.value.age后需调用triggerRef(userInfo)才能刷新视图，不可传userInfo.value或普通对象。
-
CSS工具和框架本身不降低可维护性，关键在于规范选型、约束使用与统一约定；需控制嵌套层级、禁用随意!important、封装语义化类名、集中管理变量，并通过工具链保障一致性。
-
height:100%在fixed元素上失效是因为其相对于初始包含块计算且受父容器和定位上下文干扰；应改用top:0+bottom:0填满视口，并设置overflow-y:auto确保滚动。
-
用CSS@keyframes实现气泡上升动画需定义位移、缩放与透明度变化，配合position:absolute、transform:translateY()及animation-delay错峰触发，推荐伪元素+自定义类控制延迟与渐变效果。
-
background-attachment:fixed失效主因是父容器设置了transform、perspective、will-change或filter，导致其降级为scroll行为；iOSSafari中还受原生滚动限制，常表现为粘滞或跳帧。
-
使用requestAnimationFrame结合transform和opacity动画可提升性能，避免强制同步布局，减少重排重绘，确保动画流畅。
-
必须设transform-style:preserve-3d，否则子元素被压平成2D，rotateY/X无效；需加在直接包裹正反面的容器上，且移动端需补-webkit前缀。
-
纯CSS可实现DNA双螺旋动画：用--d控制偏移与延迟，transform-style:preserve-3d+perspective启用3D，伪元素镜像旋转（rotateY±360deg）模拟碱基对缠绕。
-
CSScontent属性无法响应屏幕尺寸变化，必须配合媒体查询控制伪元素显隐；常见失效原因包括样式覆盖、display/visibility隐藏、空content值及布局塌陷；推荐移动优先写法并注意兼容性与布局抖动问题。
-
不该用浮动做表单布局，因其导致文档流脱离、错位、响应失效及可访问性问题；推荐用CSSGrid或Flexbox替代，旧项目维护可保留，新增页面应避免。
-
本文详解jQuery动态Tooltip不可见的根本原因——未正确触发动画类，提供简洁可靠的修复方案：复用DOM中预置的tooltip元素并添加appear类，避免重复创建与手动定时移除，确保视觉反馈即时、平滑且可维护。
-
固定表头需对th设置position:sticky;top:0;，而非thead；必须保留标准thead/tbody结构以保障语义化，iOS需父容器设height+overflow-y:auto且th有显式width。
-
IIFE用于ES5及之前模拟块级作用域，解决var变量提升、循环闭包、全局污染等问题；通过自调用函数创建独立词法作用域，封装私有变量并暴露公共接口；ES6后被let/const和模块系统取代。
-
HTML5规范明确支持UTF-8和UTF-16编码，其中UTF-8是强制要求必须支持的唯一编码，UTF-16为可选支持；其他如ISO-8859-1、GBK等虽被主流浏览器实际支持，但非HTML5规范强制要求。
-
优先用display:flow-root触发BFC清除浮动，语义清晰副作用小；兼容IE8则用::after伪元素清除；clear:both仅对紧跟浮动后的块级盒生效，遇flex/grid或inline元素即失效。
