-
应保留单个<link>标签，通过构建工具（如Sass@use）将功能模块（_buttons.scss等）编译合并为一个main.css，避免HTML中多link引发的加载阻塞、依赖失控与缓存问题。
-
视频播放次数必须存服务端或localStorage（轻量场景），监听timeupdate判断进度≥90%并防重，需等待loadedmetadata后再绑定，移动端兼容性与防刷校验是关键。
-
HTML模板页本身不执行逻辑，需通过本地服务器加载或服务端渲染才生效；纯HTML不支持include语法，动态内容需构建工具、框架或服务端模板（如PHP/EJS）配合实现。
-
网格项重叠主因有三：未配对指定grid-column/grid-row起止线致默认跨度为1；子项未设position导致z-index无效；隐式轨道自动创建且尺寸不可控。
-
用text-shadow或box-shadow配合rgba()多层叠加可实现饱满通透的霓虹效果，关键在于每层模糊半径、偏移和透明度需阶梯式递进，深色背景与动态呼吸动画进一步强化真实感。
-
纯CSS开关需将checkbox置于目标元素前，用:checked+或~选择器控制显隐；label须正确绑定input；移动端需确保input可点击且z-index足够；JS操作应直接修改checked属性而非setAttribute。
-
优化HTTP请求的核心是合并、缓存、取消与预加载：用批量接口（如POST/api/batch）将多次请求压为一次；通过Cache-Control和ETag启用强缓存与协商缓存；用AbortController及时取消重复或过期请求；用preload提前加载关键资源。
-
JavaScript类继承通过extends实现子类复用父类属性方法，基于原型链但用class语法更直观清晰，提升代码可读性与维护性。
-
HTML无原生顺序选择器，但可通过fieldset/legend结构、required验证、data-step导航、progress进度条及ARIA属性协同实现可控多步表单。
-
浏览器无法直接通过<ahref>链接打开ZIP压缩包内的PDF文件，因为ZIP是二进制容器而非可寻址文件系统；需通过服务端解压、前端JS解压（如JSZip）或预处理目录结构实现间接访问。
-
本文讲解如何在单个HTML页面中为多个结构相同的待办清单（如周一至周日）实现各自独立的添加、勾选和删除功能，核心在于避免ID重复、利用DOM层级关系定位上下文元素，并通过事件委托与closest()方法精准操作每个列表的局部DOM。
-
overflow:hidden直接裁剪溢出内容且不提供滚动，适用于明确设计意图的截断场景；overflow:auto仅在内容溢出时显示滚动条，更克制，适合内容长度不确定的区域。
-
TV浏览器viewport缩放导致像素模糊，根本原因是devicePixelRatio伪造成1.0/2.0且不支持pixelated缩放；应写死viewport宽度为1920并用screen.width动态设置rem基准，禁用initial-scale和vw，Canvas需手动同步DPR，video须用固定width/height属性。
-
navigator.clipboard.writeText()是现代浏览器推荐的剪切板复制方法，需HTTPS/localhost安全上下文及用户手势触发，返回Promise，成功无返回值，失败抛错。
-
表单提交前需用navigator.onLine结合主动探测（如HEAD请求/healthz）判断断网，因onLine仅反映系统网络状态；须用AbortController设超时、捕获网络错误而非HTTP错误；online/offline事件不可替代主动探测；离线缓存需序列化表单数据并确保幂等提交。
