-
align-self和justify-self仅作用于网格项目，分别控制其在交叉轴和主轴的对齐；仅当父容器为grid/inline-grid时生效，Flex中justify-self无效。
-
答案：absolute定位可通过相对容器与相对单位实现响应式图片叠加效果。1.父容器设为relative，使absolute元素以其为参考；2.使用百分比或vw单位替代像素值，配合transform实现自适应定位；3.图片使用object-fit保持比例，确保缩放下布局稳定。
-
try...catch仅捕获同步错误，适用于明确可能立即抛异常的场景，如JSON.parse、深层属性访问、同步API调用；需配合await捕获Promise拒绝，按error.name分类处理，finally仅用于无条件清理。
-
JavaScript的类是基于原型的语法糖，class声明本质是函数加prototype操作，实例属性须在constructor中用this显式初始化，继承必须正确调用super()以维护原型链。
-
会。直接设margin-right或margin-bottom会导致末项多出外边距而溢出，gap才是原生推荐方案，仅作用于项目之间；老浏览器可用:not(:last-child)补救，justify-content:space-between则无法保证相邻项间距恒定。
-
直接设置font-size在媒体查询中失效，根本原因是图标类被更具体的CSS规则覆盖，或字体设为inherit但父容器无字号；应确保display值、检查计算值、优先设置容器字号。
-
本文介绍如何通过浏览器本地存储（localStorage）持久化记录加载状态，确保用户在不同HTML页面间跳转时，加载动画仅执行一次，后续访问直接跳过并保留已添加的CSS类。
-
Flexbox是实现等高列最可靠方案，父容器需设min-height提供高度基准，子项默认拉伸；Grid通过align-items:stretch天然支持等高；table-cell语义错误且响应式差；JS补救仅限IE9及以下。
-
Vue响应式系统要求数据必须被ref或reactive显式包裹才能触发更新；直接修改普通对象属性无效，v-model、computed和watch均依赖此机制。
-
相邻兄弟选择器（+）用于精准匹配紧接在某元素后且同级的下一个兄弟元素，语法为A+B，要求A与B同父、无间隔；不支持前兄弟、跨层级或中间含注释节点，可结合伪类增强功能。
-
:focus仅对可聚焦元素生效，如input、button、a[href]等，div或span需加tabindex="0"；hover与focus样式按声明顺序叠加，:focus-visible更适配键盘操作；移除outline必须提供等效视觉反馈。
-
required仅校验非空，pattern才校验格式；pattern需配合text类type，值为无前后斜杠的正则，浏览器自动添加^$，反斜杠需双写，Unicode需用汉字范围或JS处理，空值校验用|^$分支，提示靠title属性。
-
必须用background-image设置渐变，因linear-gradient()本质是图像；避免用background简写以防重置其他背景属性；推荐to关键词定义方向；悬停动画宜用background-position配合background-size实现；IE9及以下需提供background-color回退。
-
JavaScript的多态基于动态绑定、原型继承和鸭子类型，运行时根据对象实际方法决定行为；支持方法重写、结构匹配调用及函数内联多态，无需编译时类型检查。
-
使用padding-bottom技巧和max-width实现响应式视频嵌入：通过设置容器width100%、height0、padding-bottom保持宽高比（如16:9对应56.25%），结合绝对定位使iframe充满容器，再添加max-width限制最大尺寸并配合marginauto居中，支持不同比例通过类名区分，确保视频在各设备正常显示。
