通过为动画添加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元素与脚本引用；五、禁用干扰扩展并调整硬件加速设置。

必须按LVHA顺序声明a:link、a:visited、a:hover、a:active伪类，:visited仅支持有限样式修改；禁用链接需用class+pointer-events或button替代；推荐启用text-decoration-skip-ink提升可读性。

稳定访问微博H5主页须用https://m.weibo.cn/u/（UID）或/n/（screen_name）；UID可通过PC端URL或API获取，screen_name为注册ID；未登录、Referer异常或UA不符将导致加载失败。

可通过四种方式在浏览器中运行JavaScript：一、使用JSFiddle等在线编辑器，在HTML中嵌入<script>标签并运行代码；二、本地创建HTML文件，插入JavaScript脚本并双击打开执行；三、通过浏览器开发者工具的Console直接输入并执行语句；四、在地址栏输入dataURL形式的JavaScript代码进行快速测试，部分浏览器可能因安全限制阻止执行。

符合HTML5标准的页面需依次完成五步：一、首行声明<!DOCTYPEhtml>且无前置字符；二、html标签设lang属性（如lang="zh-CN"）；三、head内首置<metacharset="UTF-8">和viewport元标签；四、用header、nav、main等语义化标签构建结构；五、验证嵌套逻辑、标题层级、img的alt属性及移除废弃标签。

:read-only伪类仅对原生支持只读的表单元素（如input、textarea）且显式设置readonly属性时生效，不匹配disabled元素或contenteditable=false的非表单元素；需检查选择器优先级、属性是否被JS动态移除，并推荐用自定义class作为兼容性替代方案。

hover旋转突兀因缺少过渡动画，须在默认状态设transition:transform0.3s–0.5sease等，仅用transform属性，避免重排，防止动画堆叠。

Appium+JavaScript实现跨平台移动端UI自动化测试，通过一套代码在iOS和Android上运行，提升测试效率与一致性。

padding是元素内容与边框间的内边距，影响背景和尺寸；margin是边框外与其他元素的间距，不显示背景且可为负值。1.padding属于内部空间，增加元素整体大小，背景色会延伸至该区域；margin属于外部空间，不影响自身尺寸但控制元素间距离。2.使用padding可提升内容可读性、按钮舒适度；使用margin实现模块间隔、居中布局。3.默认width仅含content，padding会扩大实际占用空间，可通过box-sizing:border-box调整；垂直margin相邻时会发生合并，取最大值而