-
poster属性仅在视频未加载、未播放或加载失败时显示手动指定的静态图片，不自动截帧；失效主因是路径错误、格式兼容性差、CSS覆盖或加载时机不当，需预加载校验并降级兜底。
-
前端消息已读状态必须以服务端为准，data-read属性驱动UI，localStorage仅作轻量缓存，左滑需touch事件+阈值判断，禁止依赖DOMclass或本地存储作为唯一状态源。
-
navigator.storage.estimate()返回的quota不准，因其是基于配额策略的动态软上限，受设备类型、存储压力、用户行为等影响，并非实时磁盘用量；真实溢出发生在写入时而非调用时，尤其iOSSafari常返回{usage:0,quota:0}。
-
PerformanceAPI提供高精度时间测量，优于Date.now()，可用于精准分析代码执行性能。使用performance.now()可测量小段代码耗时；通过performance.mark()和performance.measure()标记并计算时间间隔，结合getEntriesByType('measure')查看结果；还可监控渲染性能，获取'first-paint'和'first-contentful-paint'等关键指标；长时间运行应用需调用performance.clearMarks()
-
唯一有效的HTML入门动作是直接创建并双击运行index.html文件；只需用纯文本编辑器粘贴三行代码：<!DOCTYPEhtml><html><body>Hello,world!</body></html>，保存为UTF-8编码、.html后缀，即可在浏览器中显示。
-
Symbol.species是一个内置符号，用于指定派生类在调用如map、filter等衍生方法时应使用的构造器；JavaScript引擎优先使用constructor[Symbol.species]创建新实例，否则回退到constructor本身，从而让子类能控制衍生操作的返回类型。
-
CSS变量是ShadowDOM唯一被规范允许的样式通信机制，必须显式声明在宿主元素上并由内部var()读取，不破坏封装性；:root或body声明无效，需用:host控制宿主样式，slot内容需::slotted或exportparts处理。
-
hspace属性在HTML5中已完全失效，因属HTML4过时内联属性，语义模糊且仅支持左右等距空白；现代浏览器在严格模式下直接忽略，须改用CSSmargin精确控制。
-
relative定位本身不触发动画，必须搭配transition或animation才能实现top/left的平滑变化，且初始状态需显式声明top/left值及单位，否则无法过渡。
-
原生HTML无法实现多规格联动选择，必须配合JavaScript；关键在于HTML结构设计：用<fieldset>分组、<inputtype="radio">或<button>作为选项，添加data-spec和data-value属性，避免中文判断与硬编码映射。
-
需遵循五步结构化流程：一、切图与资源导出；二、建立HTML5语义化结构；三、编写移动优先CSS样式；四、嵌入响应式图像与媒体查询；五、验证语法并添加原生JavaScript交互。
-
遇到CSS使用CDN样式加载不出来的问题，通常是因为当前使用的CDN节点不可用、网络被拦截或资源路径错误。解决这类问题的关键是快速定位并切换到可用的CDN节点，确保外部样式表能够正常访问。检查CDN资源是否可访问先确认当前引用的CSS文件是否能正常打开：在浏览器地址栏直接输入CDN链接，如https://cdn.example.com/bootstrap/5.3/css/bootstrap.min.css，查看是否能下载内容。如果页面空白或提示404、403，说明该节点可能失效或被屏蔽。打开开发者工具（F
-
使用min-height替代height可解决容器高度不随内容扩展的问题。设置height会固定元素高度，导致内容溢出；而min-height允许容器在最小高度基础上自动伸展，适应内部内容。配合清除浮动、避免绝对定位、合理使用Flex布局等方法，可确保父容器正确撑开。例如文章卡片组件中，min-height保证最小高度同时允许动态扩展，提升布局稳定性与用户体验。
-
align-items作用于grid容器的直接子元素（网格项），控制其在交叉轴上的对齐方式；它不穿透嵌套容器，且效果取决于当前网格的轨道定义和自动流方向。
-
JavaScript模板字符串用反引号包裹，支持多行、保留空格换行，并通过${}嵌入变量或表达式；注意${}内只能是表达式，不可写语句，反引号不可与单双引号混淆。
