-
相邻兄弟选择器（+）用于精准匹配紧接在某元素后且同级的下一个兄弟元素，语法为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及插入结构化内容。
-
移动端:hover失效的根本原因是触控无“悬停”物理状态，浏览器无法可靠判断用户意图；应改用ontouchstart/ontouchend动态切换is-hovered类，并保留.btn:hover,.btn.is-hovered双兼容写法。
-
使用HTML和CSS可实现自动轮播图，核心是通过绝对定位叠加图片并用CSS动画控制透明度变化。结构上，.carousel-container包含多个.carousel-slide，每项用background-image设置背景图；样式中设overflow:hidden和position:absolute使图片层叠；通过@keyframes定义opacity动画，配合animation-delay错开每张图的播放时机，实现轮流显示。三张图总周期12秒，各延迟0秒、4秒、8秒，每张可见约6秒，无限循环。建议优
