<header>是语义化“介绍性区域”，可多处使用但须关联明确内容单元，宜含标题、局部导航、元信息；勿塞全站导航、广告等界面控件，避免空标签或结构混用。

本文讲解如何通过CSS定位与布局优化，解决移动端页面中分类栏目随键盘弹出而上移、元素堆叠错位的问题，确保分类区域（如Popular、Fantasy）垂直排列且底部固定，不随输入框聚焦或滚动而偏移。

Node.js事件循环的poll阶段是处理异步I/O回调的核心机制。1.它负责检查并执行已完成的非定时器、非立即执行的I/O操作回调，如文件读取、网络请求等；2.若无待处理定时器或setImmediate回调，poll阶段会阻塞等待新I/O事件，以节省CPU资源；3.在执行完I/O回调后，若发现有setImmediate回调或到期定时器，会跳转至check阶段或timers阶段，确保任务优先级调度；4.poll阶段与事件循环其他阶段协同工作，动态决定事件循环流向，保障高效响应和资源利用，是Node.js实

XSS防护需结合输入处理、输出编码与上下文感知，通过多层防御体系阻断攻击。首先对用户输入按目标上下文进行HTML或JavaScript编码，插入HTML时优先使用textContent，动态渲染则转义特殊字符；在脚本中嵌入数据时采用JSON.stringify或专用转义函数防止代码注入。部署CSP作为最后一道防线，限制script-src为'self'及可信CDN，禁用'unsafe-inline'与'unsafe-eval'，并结合nonce或hash机制授权合法脚本。针对富文本输入，使用DOMPuri

:empty仅匹配完全无内容（不含空格、换行、注释、子元素）的元素，需配合背景色、尺寸或伪元素实现占位；对“视觉为空”需JS预处理或类名控制，不可依赖其响应动态变化。

使用LiveServer扩展可实时预览HTML页面，安装后右键选择“OpenwithLiveServer”即可在浏览器中自动加载页面并监听文件变化。

HTML5HistoryAPI通过pushState()和replaceState()实现无刷新URL修改与历史管理，配合popstate事件响应导航，是SPA路由核心；HTML4无此能力，仅能依赖hash或过时iframe方案。

观察者模式是一种一对多的依赖关系设计模式，当主题对象状态改变时，所有依赖它的观察者都会收到通知并自动更新。其核心角色包括发布者（Subject）和观察者（Observer），发布者维护观察者列表并提供添加、删除及通知接口，观察者实现更新方法以响应通知。JavaScript中可通过类手动实现该模式，常用于事件系统、状态管理和组件通信等场景。例如，自定义事件总线或简化版状态管理均可基于此模式构建。与发布订阅模式相比，观察者模式中发布者与观察者直接关联，耦合度较高，而发布订阅通过中间调度层解耦，更为松散。掌握该

通过为动画添加animation-fill-mode:forwards，可使元素在CSS动画执行完毕后保留最后一帧的样式（如margin-top:-25px），避免动画回退到初始状态。

JavaScript原型链是对象属性查找的核心机制：从自身开始，沿__proto__逐级向上搜索至null；prototype是函数的属性，指向实例的原型；__proto__是实例的内部原型引用；constructor指向构造函数。

JavaScript装饰器是声明式增强类及成员的语法糖，属TC39Stage3提案，需Babel或TypeScript编译；本质为接收target/propertyKey/descriptor（方法）或constructor（类）的函数，用于日志、校验、响应式等横切逻辑。

DOM是HTML在内存中的结构化对象树，提供getElementById、querySelector等方法获取元素，支持textContent、innerHTML等修改内容，createElement等动态操作节点，并通过addEventListener响应用户交互。

迭代器、生成器和异步迭代器是JavaScript处理数据序列的核心机制。迭代器通过next()方法返回{value,done}对象，实现对集合的有序访问；生成器函数（function*）利用yield暂停执行，自动返回迭代器，简化异步逻辑；异步迭代器结合for-await-of语法，支持异步逐个获取数据，适用于流式或延迟加载场景。三者提升代码可读性与性能，尤其在处理大量或异步数据时优势明显。

使用media属性按设备特性加载CSS可提升性能，如<linkrel="stylesheet"href="mobile.css"media="(max-width:767px)">；结合CSS媒体查询可在单文件内适配不同屏幕；动态加载可通过JavaScript创建link标签实现；建议优先使用静态分发、内联关键样式、合并小文件以优化体验。

HTML5游戏无法运行的五大解决方法：一、在线URL访问需确保HTTPS、正确路径及CDN资源；二、本地打开需避免特殊字符并启用file访问权限；三、用Python或Node.js搭建本地服务器；四、检查HTML结构、Canvas元素与脚本引用；五、禁用干扰扩展并调整硬件加速设置。