-
window.print()需确保DOM完全渲染后再调用，配合@mediaprint隔离样式，PDF导出需替代方案，分页控制须注意元素显示类型与浏览器兼容性。
-
HTML5原生不支持RTSP（含4K），必须通过流媒体服务器转协议为HLS/WebRTC等；4K播放瓶颈在于编码格式、带宽、解码能力及服务端性能，纯前端方案实为服务端中转，并非浏览器直连。
-
HTML不能直接创建vCard，需用JavaScript构造合法vCard字符串并触发下载；<address>仅是语义标签，不含vCard必需字段和版本声明，无法被通讯录识别。
-
ES6起应完全弃用var，因其存在全局污染、变量提升、重复声明不报错等问题；let和const提供块级作用域，const约束绑定而非值，循环中let天然解决闭包问题。
-
HTML5AppCache已废弃，必须迁移到ServiceWorker；因其设计缺陷（缓存不可控、白屏陷阱等）且被Chrome94+、Firefox85+、Safari16.4+彻底移除，manifest文件无效，需通过register()注册sw.js并手动管理缓存策略。
-
本文介绍一种灵活、可复用的JavaScript方法，将数组中特定学科（如Chemistry）的元素按固定间隔（如每3个位置插入1个）重新分布，其余元素依次填充空位，避免硬编码和嵌套循环陷阱。
-
应优先选用Chart.js而非原生Canvas绘图，因其轻量易用、兼容性好；原生实现需手动处理坐标、响应式、边界情况等，易出错且代码量大；Chart.js初始化需满足canvas元素存在、数据结构合法、库已加载三大条件。
-
可通过CSS的border-radius属性实现HTML5搜索框圆角效果，支持内联样式、内部样式表、外部CSS文件三种方式，并需注意浏览器兼容性及box-sizing属性配合使用。
-
本文详解如何通过监听keydown事件并阻止默认滚动行为，使键盘上下箭头键触发Swiper切换时与点击左右导航按钮完全一致，避免页面意外滚动和滑动间距不统一的问题。
-
:checked仅适用于checkbox和radio，匹配被选中元素本身；:disabled匹配所有禁用表单元素，二者可组合使用，但需注意DOM结构与选择器关系。
-
外部样式表更实用，因其实现结构与表现分离，修改一处即全站生效、提升缓存效率、增强SEO与可维护性，并支持响应式及主题切换。
-
darkMode配置项必须写在tailwind.config.js的darkMode字段，仅支持'class'或'media'；配'class'需手动给html加dark类，配'media'则响应系统偏好，不可混用。
-
不能用<time>标签实现歌词同步，因其仅为语义化标签，无播放控制能力；需用data-start/data-end标记时间戳的<p>或<span>容器，配合ontimeupdate事件与缓存机制、宽容窗口及优化DOM操作来实现精准同步。
-
Grid布局中grid-template-areas怎么写才不踩坑用grid-template-areas命名区域看似直观，但实际写错一个引号、多一个空格、漏掉点号占位，整个布局就失效——浏览器不会报错，只会默默回退到默认流式排版。它本质是字符串映射，每一行代表一行网格轨道，每个单词对应一个grid-area值，点号.表示空单元格。必须严格对齐列数，否则解析失败。所有行的列数必须一致：比如第一行写了"headerheadersidebar"（3列），后面每行也得是3个词或.区域名不能含空格或
-
CSS旋转动画失效主因是transform-origin未设对或transition未指定transform属性；需设transform-origin:center并显式声明transition:transform0.2sease-in-out，确保元素有明确宽高且SVGviewBox匹配。
