-
HTML5视频在标签页失焦时会被浏览器自动暂停，无法通过纯HTML或JS绕过，仅当满足“用户交互触发+静音+autoplay”或启用画中画（PiP）时才可能后台播放。389 收藏 -
空格（ ）仅用于纯文本内强制保留不可折行空格，如“10 px”；padding用于控制内容与边框间视觉呼吸感，影响盒模型、支持响应式单位且提升移动端体验。169 收藏 -
使用Materialize框架创建浮动按钮需结合btn-floating类与图标，通过fixed-action-btn容器和position:fixed定位实现右下角悬浮效果，确保z-index避免遮挡，最终生成醒目操作按钮。329 收藏 -
time标签的datetime属性必须严格使用ISO8601格式，如2024-05-20或2024-05-20T14:30+08:00；斜杠、中文、缺T等均非法；文本内容可人性化，但须与datetime语义一致；不支持年份范围、相对时间等模糊表达；JS解析时需注意时区陷阱。320 收藏 -
<style>标签默认具有文档级作用域，其CSS规则仅作用于当前HTML文档内的元素，不会影响其他页面。493 收藏 -
let和const是ES6引入的块级作用域变量声明方式，区别于var的函数作用域；它们不具变量提升安全性（处于暂时性死区），禁止重复声明，且const必须初始化、不可重新赋值（但对象属性可变）；推荐默认使用const，需重赋值时用let，基本不再使用var。424 收藏 -
object-fit是解决响应式图片拉伸/裁剪问题的核心方案，需配合object-position精准控制裁剪锚点，并通过background-image或JS降级兼容IE。432 收藏 -
CSS路径错误的核心是参照系混淆：href始终相对于HTML文件位置，而非CSS文件自身；推荐用以/开头的站点根目录相对路径，本地预览需通过服务器运行，避免混用../等易错路径。410 收藏 -
JavaScript查找数组元素的核心方法包括：查位置用indexOf（严格相等）和findIndex（函数判断）；查存在用includes（支持NaN）；查元素本身用find（首个匹配）和filter（所有匹配）；查逻辑用some（至少一个）和every（全部满足）。287 收藏 -
Flexbox居中只需父容器设display:flex，再用justify-content控制主轴、align-items控制交叉轴；注意主轴由flex-direction决定，父容器需有高度上下文（如min-height:100vh）并清除默认margin。283 收藏 -
相对定位元素偏移后仍保留原有空间，不影响其他元素布局。其视觉位置改变但文档流中的占位不变，后续元素按原位置排列，常用于微调或作为绝对定位的包含块。275 收藏 -
z-index用于控制定位元素在Z轴上的堆叠顺序，数值越大层级越高，但受堆叠上下文限制，需结合position使用，并注意层级分组以避免冲突。347 收藏 -
优先级和加载顺序共同决定样式生效规则：优先级高者胜出，相同时后写的覆盖前面的。423 收藏 -
页面加载时应通过内联CSS和JS在body渲染前显示全屏loading动画，用window.addEventListener('load',...)精确控制隐藏时机，确保覆盖所有资源加载完成，并添加pointer-events:none等移动端适配样式。309 收藏 -
设计模式通过解决代码重复、耦合度高、难维护等问题提升JavaScript应用质量。模块模式封装私有成员，观察者模式实现事件驱动通信，单例模式确保全局唯一实例，工厂模式统一对象创建逻辑。结合模块化架构与现代框架特性，合理运用模式可构建清晰、可扩展的前端应用。100 收藏
