-
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居中，支持不同比例通过类名区分，确保视频在各设备正常显示。
-
HTML5中不存在html5play函数，正确方法是调用video.play()并用.catch()处理NotAllowedError等拒绝错误，且必须由用户手势触发。
-
事件委托是利用事件冒泡将监听器绑定在父元素上以提升性能的技术；它通过event.target识别目标元素，用matches()校验选择器，适用于click等冒泡事件，可减少监听器数量、简化DOM更新、加快初始化。
-
本文介绍一种不依赖动态ID的现代表单设计方法，通过<fieldset>分组、<select>原生控件和DOM事件委托，彻底解决动态下拉按钮ID冲突与闭包失效问题，提升代码可维护性与可访问性。
-
iPad上audio.play()必须由用户手势触发，否则静默失败；iOS自iOS10起强制限制非交互式播放，即使autoplay+muted也不可靠；首次播放需绑定click/touchend并catch错误。
-
JavaScript通过自动垃圾回收管理内存，核心是可达性判断，采用标记-清除、分代收集等算法，避免内存泄漏需注意全局变量、闭包、事件监听和定时器等问题。
-
JavaScript流行的根本原因在于其不可替代的浏览器绑定性：所有现代浏览器仅原生支持JS执行，WebAPI（如fetch、addEventListener）和DOM操作均深度集成于JS全局环境，WebAssembly仅作补充，npm生态与工具链已形成极高替换成本。
-
本文讲解如何将JavaScript中的嵌套对象数组（如电影列表）按索引顺序精准渲染到多个具有相同class（如.fun）的<div>中，并为每个元素动态设置data-id及插入结构化内容。
