-
伪元素中content属性不支持var()，因其仅接受字符串字面量、attr()、counter()等，变量须用于color、font-size等支持计算的属性；动态文字需通过data属性+attr()或JS同步控制。
-
trycatch仅能捕获同步运行时错误，如throw、ReferenceError、TypeError、JSON.parse失败等；无法捕获异步错误、语法错误、未处理Promiserejection和全局资源错误，需配合unhandledrejection、error事件及async/awaitcatch等机制完善错误处理。
-
答案：CSSGrid中可通过grid-template-areas命名关键区域，如头部、侧边栏等，实现固定结构布局；未命名项目由grid-auto-flow控制自动放置于剩余或新增轨道，需注意默认不填充空位；可使用grid-column或grid-row指定自动项目起始位置；建议避免命名区域留空，慎用dense模式，结合嵌套Grid分离动态内容，以兼顾结构清晰与布局弹性。
-
Promise链是通过.then()方法串联多个异步操作，确保依次执行并传递结果，例如fetch用户数据后请求其文章，每步返回值或Promise供下一步使用，错误由末尾.catch()统一捕获，需避免断链陷阱如忘记returnPromise。
-
使用thead、tbody和tfoot能提供清晰的语义化结构，使表格的头部、主体和底部在代码中明确分离；2.它们提升了可访问性，帮助屏幕阅读器等辅助技术准确解析表格内容；3.便于通过CSS精准控制不同部分的样式，避免依赖复杂的类名或选择器；4.在打印长表格时，浏览器可自动在每页重复thead和tfoot内容，提升可读性；5.支持固定表头、内容滚动等布局需求，为复杂交互提供结构基础；6.在动态数据加载或操作时，可单独更新tbody而不影响表头和表尾，提高DOM操作效率；7.多个tbody可用于语义化分组数据
-
使用:hover伪类和font-weight属性可实现文字悬停加粗，1.默认设font-weight:normal；2..text:hover中设font-weight:bold；3.可添加transition实现平滑过渡，注意字体需支持对应字重。
-
flexbox能通过order属性灵活控制元素顺序，而float依赖HTML结构且难以调整视觉顺序；现代布局推荐使用flex实现响应式设计。
-
本文详解如何在JavaScript中对嵌套结构的混合类型数据（如课程、章节、课时）进行多级排序，按类型优先级（course→chapter→lesson）和关联序列号（sequence）实现稳定、可扩展的排序逻辑。
-
绝对定位元素的定位基准是最近的已定位祖先元素（position为relative、absolute、fixed或sticky），若无则为初始包含块（视口）；父元素需设position:relative等非static值才能成为定位上下文，且top/left以该祖先的paddingbox左上角为起点。
-
属性选择器本身性能良好，但深层嵌套、通配符匹配及高频更新场景会显著降低性能；应优先使用带索引的原生属性、避免宽泛选择器，并将data-属性逻辑前置为class。
-
flex-direction:column将主轴设为垂直方向，子元素自上而下堆叠；justify-content控制纵向分布，align-items控制横向对齐；需确保父容器有可计算高度或合理设置overflow，避免内容截断。
-
图标与文字垂直对齐需用vertical-align:middle优先，仍偏移则微调为-0.125em；字号用0.75em～0.9em相对单位；不同图标库需独立class定制对齐与缩放；响应式下坚持em/rem单位并真机验证。
-
Canvas压缩图片需按原始宽高比缩放，用naturalWidth/Height获取真实尺寸，限制长边缩放；iOS需解析EXIFOrientation并旋转校正；读取文件须在onload回调中处理；JPEG压缩优先于PNG以控体积。
-
直接用.parent:hover.child即可实现父元素悬停影响子元素，空格表示后代选择器；失效主因有三：DOM结构脱离（如Portal）、子元素隐藏未恢复、CSS优先级冲突；>仅作用于直接子元素，空格匹配所有后代；需注意移动端无hover及布局抖动风险。
-
JSON.parse(JSON.stringify(obj))不是真正深拷贝，会丢失undefined、function、Symbol等类型且不支持循环引用；structuredClone()是更优原生方案，但不支持function和undefined；手写需注意类型识别与循环引用处理；LodashcloneDeep兼容性好但体积大。
