预加载通过提前加载关键资源提升网页性能，结合缓存策略优化用户体验。1.使用<linkrel="preload">声明高优先级资源；2.动态import()配合modulepreload预载模块；3.基于用户行为预测预载下一页资源；4.强缓存（max-age）、协商缓存（ETag）和ServiceWorker协同减少请求；5.首页关键JS、路由组件脚本优先预载；6.静态资源采用内容哈希实现长期缓存；7.控制预载数量防带宽浪费。需按资源重要性与用户路径精细调整策略。

JavaScript中的Array.prototype.reduceRight方法从数组末尾开始遍历，用于逐步向左执行reducer函数。其用法包括：1.基本用法：如计算数组总和，从右到左累加。2.处理嵌套数组：如扁平化数组，从内到外处理。3.递归问题：如树形结构的总和计算，从右子树开始。使用时需注意性能和逻辑上的潜在影响。

使用JavaScript实现文件下载可以通过三种方法：1)使用Blob对象和URL.createObjectURL方法，适用于客户端生成的文件；2)通过<a>标签的download属性和后端设置的Content-Disposition头，从服务器下载文件；3)使用fetchAPI结合Blob对象，从服务器灵活处理文件下载，但需考虑兼容性问题。

JavaScript复制粘贴需用navigator.clipboardAPI，须在用户手势触发的HTTPS安全上下文中调用，读取非文本内容需权限检查，低版本浏览器需降级兼容。

HTML5注释不会报错但会干扰解析逻辑，未闭合注释会导致后续代码被吞掉，引发页面空白、样式失效等问题；应检查注释配对、避免嵌套、禁用功能时优先用条件判断而非注释HTML。

任务链指宏任务与微任务按事件循环规则有序执行的序列；2.每个宏任务执行后必清空所有微任务，再执行下一个宏任务；3.微任务优先级高于宏任务，如Promise.then总在setTimeout前执行；4.实际开发中需据此预判异步时序，避免UI更新延迟或逻辑错乱；5.调试时可用Performance面板观察任务链轨迹以优化性能，此机制是掌握JS异步精髓的关键。

preparation阶段是Node.js事件循环中poll阶段前的内部准备步骤，其主要作用是为I/O轮询做前置处理。1.它检查并调整libuv内部状态，确保文件描述符和数据结构正确；2.计算poll阶段的阻塞时间，依据定时器和setImmediate队列决定等待时长；3.处理内部非用户层面的事件或状态转换，以优化poll阶段执行效率。该阶段不执行用户代码，因此在日常开发中几乎不可见，且不在官方文档中详细说明。它紧密服务于poll阶段，影响其超时设置，并在整个事件循环流程中起到承上启下的作用，确保各阶段高

flex-direction属性决定Flex容器主轴方向，其有四个值：row（默认，水平左到右）、row-reverse（水平右到左）、column（垂直上到下）、column-reverse（垂直下到上）；使用时需先设置display:flex，例如.menu{display:flex;flex-direction:column}可使菜单垂直排列；该属性还影响主轴与交叉轴方向，进而影响justify-content和align-items等对齐行为。

拖放功能必须监听dragstart、dragover、drop三个原生事件：dragstart设置dataTransfer数据，dragover需preventDefault()才能触发drop且不可读取dataTransfer，drop中才可安全获取数据。

JavaScript模块化需用ES6import/export原生语法，仅支持于现代浏览器或Node.js≥12且启用"module"模式；import必须顶层静态声明，动态位置会报错，可用import()函数替代；exportdefault单个可重命名，命名导出多个须原名导入；Node.js中需.mjs扩展名或"package.json"设"type":"module"，路径须带扩展名。

WebAnimationsAPI提供比CSS动画更强大的运行时控制能力，支持在JavaScript中直接暂停、播放、反向、调整速率及跳转时间点，无需依赖类名切换或CSS变量；可动态定义关键帧与动画参数，减少DOM操作与样式冲突，便于封装复用；能结合用户交互、设备数据等驱动动画，实现响应式逻辑；支持精确编排多个动画的时间线，统一管理全局动画进度，适用于复杂交互与程序化场景。

HTML表格标题必须使用<caption>标签实现语义化和可访问性，该标签需置于<table>内首位置；可通过CSS的caption-side等属性调整样式；禁用<th>或<div>模拟标题；多语言场景下应为<caption>添加符合BCP47标准的lang属性。

本教程详细阐述了在React应用中实现维基百科式上标引用链接的正确方法。针对sup标签无法直接导航的问题，文章指导开发者如何通过将上标内容嵌套在<a>标签中来创建可点击的引用，从而实现用户点击上标时跳转至指定链接的功能，并提供了动态DOM操作和React声明式两种实现方式的代码示例，强调了在React开发中的最佳实践。

弱引用是不阻止垃圾回收的引用方式，JavaScript中通过WeakMap和WeakSet实现，其键或元素为弱引用，仅在对象无强引用时允许被回收。

答案是使用:disabled伪类可为表单元素设置禁用样式。当button等支持disabled属性的元素被添加该属性时，会自动匹配:disabled选择器，从而应用预定义样式，如改变背景色、文字颜色和光标形态，提升用户感知。例如通过CSS设置button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:0.6}实现视觉上的不可用状态。注意仅表单元素如button、input支持disabled属性和:disabled