-
隐藏视频却不中断播放的最小安全方案是使用position:absolute+inset:-9999px将视频移出视口，同时保留其在Grid中的网格项位置；避免display:none或visibility:hidden导致暂停播放。
-
flex-wrap是控制Flex子项是否换行及换行方向的属性，非flex-direction；其nowrap（默认）、wrap、wrap-reverse三值中仅后两者触发换行，漏设会导致溢出或压缩。
-
事件冒泡是浏览器历史妥协形成的默认行为，源于Netscape与IE的兼容性方案，W3C将其纳入三阶段模型；不阻止时子元素事件会逐层触发父级逻辑，stopPropagation()可中断传播，事件委托依赖冒泡实现，捕获阶段则用于目标前预处理。
-
mountElement是Vue.js中将虚拟DOM转为真实DOM的核心挂载函数，负责元素创建、props处理、事件绑定、指令执行、子节点递归挂载及onMounted钩子触发。
-
HTML5邮件发送有三种方式：一、mailto:链接调用本地邮件客户端，需URL编码参数；二、Ajax调用后端SMTP接口，支持附件与状态反馈；三、混合方案优先Ajax，失败时降级mailto，并前端校验邮箱格式。
-
Provide/Inject是Vue中用于跨层级通信的机制，祖先组件通过provide提供数据（推荐Symbol作key），后代组件通过inject获取，支持响应式数据和函数，适用于主题、权限等全局状态，但不适用于兄弟通信或细粒度状态。
-
BEM类名膨胀源于将外部状态强加于元素，导致修饰符堆叠失控；应限制Modifier数量、用CSS自定义属性替代冗余类名，并通过组件职责重构而非缩写类名来根治问题。
-
本文详解Flask应用中如何安全、可靠地从HTML<select>标签获取用户选择的值，涵盖表单处理逻辑、数据类型转换、路由参数传递等关键要点，并修正常见语法与结构错误。
-
BEM的__和--不能随意更改，因其是工具链识别和自动化处理的语法契约；改为-element或_modifier会导致stylelint、VSCode插件等失效，并引发样式泄漏与匹配错位。
-
CSS是HTML5页面实现精确样式控制与视觉效果的核心工具，具体包括：一、正确声明DOCTYPE并链接外部CSS；二、用语义化标签配合类选择器定制样式；三、运用CSS3新特性增强表现力；四、通过媒体查询实现响应式设计；五、重置CSS与控制盒模型避免布局偏差。
-
JavaScript无法直接读写本地文件系统，只能通过FileAPI异步读取用户主动选择的文件；需结合<inputtype="file">获取File对象，再用FileReader的readAsText等方法读取内容，并监听onload事件获取结果。
-
外边距重叠是指相邻块级元素的垂直外边距合并为较大值；display:flow-root可创建BFC隔离重叠，兼容现代浏览器；替代方案包括加透明边框、微调padding、overflow或改用gap。
-
@extend是选择器合并而非复制粘贴，仅适用于无上下文依赖的纯辅助类（如.sr-only、%clearfix）；滥用会导致选择器爆炸、优先级错乱和跨文件失效。
-
用媒体查询配合flex-direction:column实现竖排，统一用gap控制间距，结合clamp()缩放字体和圆点，确保状态色在小屏下有足够对比度。
-
letter-spacing用于调整字符间光学间距，不影响盒模型和换行；适用场景包括英文标题收紧、中文字体可读性微调、修复小字号粘连；不可用margin/padding替代，禁用空格模拟，中文常用-0.5px~1px，英文大写可用2px或0.1em。
