-
aspect-ratio在现代浏览器（Chrome88+、Firefox89+、Safari15.4+）可直接使用，但IE和旧版Safari不支持；需避免对img同时设aspect-ratio和width:100%，并显式声明object-fit；Grid中仅作用于item本身，Flex中需确保至少一轴有确定值，否则不生效；相比padding-top黑科技，aspect-ratio更语义化、可动画、支持calc()，但需统一方案、注意SSR兼容性及低版本降级策略。
-
position:sticky不能真正固定在视口，它仅在具有滚动机制的最近祖先容器内粘滞，受父容器高度、overflow、层叠上下文等限制，超出边界即失效。
-
object-position对<img>不起作用是因为它仅在启用object-fit（如cover或contain）时才生效；未设置object-fit时该属性被忽略，且不报错。
-
本文详解一个常见JS计算器逻辑缺陷：点击运算符后仅拼接数字而未触发实际计算，核心原因在于按钮文本含空格导致符号匹配失败，以及关键状态变量previousOperator未及时赋值。
-
当list-style-type无法满足「第1章」「A-1」「【001】」等自定义计数格式时，必须使用counter-reset与counter-increment配合伪元素实现；counter-reset设于列表容器，counter-increment设于li，content中用counter()或counters()读取值，注意分隔符、引号、空格及IE11兼容性限制。
-
HTML注释用于添加说明或隐藏代码，提升可读性与协作效率。1、用<!--开头，-->结尾，中间写描述文字，如“导航栏开始”。2、编辑时直接修改注释内容，确保语义准确。3、删除过时注释需移除整个标记段并整理格式。4、条件注释如<!--[ifIE]>仅限旧项目兼容使用。
-
HTML中没有标准的spacer标签，推荐使用CSS的margin或padding属性来创建空白间隔，1.使用CSSMargin和Padding是最常见且语义化良好的方法；2.避免使用空的div或span元素，因其可维护性差；3.不推荐使用br标签创建间隔，因其语义不符；4.对于复杂布局，可采用Flexbox或Grid的gap属性实现更灵活的间距控制；通过CSS变量可统一管理间距值，提升可维护性；在响应式设计中，结合媒体查询根据不同屏幕尺寸调整间距，确保最佳用户体验，最终应优先选择标准、灵活且易于维护的C
-
答案：一个高效的发布-订阅模式通过事件中心实现解耦，支持订阅、发布、取消及一次性监听。使用Object.create(null)提升性能，try-catch隔离错误，精确移除回调避免内存泄漏，适用于组件通信与状态通知场景。
-
用同一span包裹?和数字并设inline-flex+align-items:center可解决对齐问题；CSS中font-size/color控制emoji大小颜色但旧版Safari/IE不支持，需SVG替代；动态更新时仅修改数字子元素textContent防重绘，大数值变化加scale过渡；小屏下用white-space:nowrap+min-width防换行，极端情况隐藏图标。
-
中文排版慎用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截断。
