-
答案：CSS中background-image不支持直接过渡，但可通过分层和opacity实现视觉平滑切换。1.使用双层结构配合opacity过渡实现淡入淡出；2.利用伪元素减少HTML标签，保持结构简洁；3.结合JavaScript控制类切换，适用于交互场景；4.注意图片预加载、性能优化及内存管理，确保流畅体验。
-
<title>标签是搜索引擎判断页面主题的首要依据，直接决定页面能否被正确识别、收录和排序；其语义权重远超title属性、h1等，且必须真实存在于HTML源码中、长度适配、语言匹配、动态更新及时。
-
元素尺寸异常主因是box-sizing未统一为border-box，导致content-box下padding/border额外增加；其次margin合并、单位混用、定位基准缺失及Flex/Grid中margin行为变化共同引发布局混乱。
-
伪元素可用:before，但推荐::before；CSS2旧伪元素单双冒号等效，CSS3新伪元素如::selection、::placeholder必须用双冒号，单冒号会静默失效。
-
order不可动画因其不在CSS可动画属性列表中，浏览器不监听也不插值；应改用grid-column/grid-row等可插值属性配合transform或FLIP模式实现平滑过渡。
-
dir属性仅支持ltr、rtl、auto三个值：ltr为默认值，用于英语等左到右语言；rtl用于阿拉伯语等右到左语言，影响标点、光标、剪贴板等底层行为；auto依赖首字符判断方向但极易误判，线上项目不推荐使用。
-
按钮点击无反馈主因是缺少视觉状态变化与过渡效果，需正确设置:hover/:active、cursor:pointer、touch-action及transition属性，并组合transform、背景色等实现下压反馈。
-
toString在对象转字符串时被优先调用，如字符串拼接、alert、console.log、String()；valueOf在需原始值时被优先调用，如数学运算、比较、Number()；引擎按规范顺序尝试二者，重写需确保返回符合类型要求的值。
-
HTML原生<textarea>不支持内联样式，无法单独高亮或下划线其中部分文字；正确方案是改用contenteditable="true"的<div>，结合DOM操作动态包裹错误单词并应用CSS样式。
-
应设flex-basis:0并配合overflow:hidden/auto、max-width:100%、min-width:0；因flex主轴计算先于overflow裁剪，仅设overflow无效，flex-basis:0才能确保flex-grow正常分配空间。
-
本文提供一种健壮、去重、可调试的JavaScript方案，用于为页面中所有（包括后续动态插入的）<a>链接自动添加target="_blank"，彻底解决单页应用或频繁DOM更新场景下的链接新开页失效问题。
-
fetch是现代浏览器原生Promise-basedHTTP接口，区别于XMLHttpRequest：不自动带cookie、不设默认Content-Type、非网络错误（如404/500）不会reject，需手动检查response.ok。
-
Object.assign仅拷贝属性当前值，不复制getter/setter等描述符，导致访问器逻辑丢失；需用Object.defineProperty或Proxy等显式保留行为。
-
BEM类名必须严格绑定语义层级：Block需带业务含义（如user-card），Element仅限直属子节点（禁止card__content__title），Modifier须与Block共存（如btnbtn--loading），且btn__icon合法而btn-icon非法。
-
backdrop-filter:blur支持Chrome76+、Edge79+、Safari9+，Firefox需手动启用；生效需元素透明且背后有内容，避免创建新层叠上下文；毛玻璃效果推荐rgba背景+-webkit前缀+伪元素固定背景。
