JavaScriptreduce是数组归并方法，不修改原数组，通过回调函数逐个处理元素返回单值；基本语法为arr.reduce(callback,initialValue)，常用参数为累计值和当前项，需注意初始值与返回值一致性。

现代Web开发应优先使用localStorage或sessionStorage而非document.cookie，因其更安全、容量更大、API更简洁；Cookie因每次请求自动携带、手动解析复杂、无作用域隔离及安全限制而被弱化；二者均仅支持字符串，localStorage持久同源共享，sessionStorage仅限当前标签页；StorageAPI提供setItem、getItem等同步方法，存取对象需JSON序列化；仅当需服务端协同（如HttpOnly登录态、跨子域认证）时才用Cookie。

首先用Flex逐步替代float实现响应式布局，案例中将容器设为flex并设置换行与排序，产品项使用flex配合gap，小屏下通过媒体查询调整为主轴堆叠，最终实现平滑迁移。

FetchAPI并未完全替代XMLHttpRequest，因其在cookie发送（需显式credentials:'include'）、错误处理（4xx/5xx不reject）、上传进度监听（不支持）、超时控制（需AbortController模拟）等方面存在短板，复杂场景仍需XMLHttpRequest或封装库。

用语义化HTML（section/article/dl）配合CSSGrid+Flex可构建清晰、响应式、可访问的产品对比页；避免table，用grid-template-areas命名区域实现灵活列管理，data-value+属性选择器高亮差异，dt视觉隐藏但保留可访问性。

Map和Set是ES6引入的原生数据结构，非语法糖；Set是无重复值的有序集合，Map是键值对容器，二者均支持任意类型键、保留插入顺序、提供size属性和迭代器接口。

split()方法根据分隔符将字符串拆分为数组。1.separator参数可为字符串或正则，决定分割位置；2.limit参数限制返回数组长度；3.使用正则可处理复杂分隔模式，如多个分隔符或捕获组保留分隔符信息；4.分隔符不存在时返回原字符串数组，为空字符串时逐字符分割；5.结合map、filter等方法清洗和转换分割后的数据以满足实际需求。

Flex布局浏览器兼容需分层应对：用Autoprefixer自动加前缀，gap属性依赖postcss-flex-gapPolyfill，老系统保留display:block等降级方案，并通过真机测试与CSS.supports()验证。

WebWorkers是浏览器提供的JavaScript后台线程机制，用于执行耗时任务而不阻塞主线程；它通过独立脚本文件、postMessage通信实现计算与UI的分离，适用于数据处理、图像编码等场景，但不可操作DOM。

JavaScript是运行在浏览器中的编程语言，用于实现网页交互、动态内容更新、服务器通信及构建应用，初学者可直接在HTML中嵌入script标签运行代码，建议先掌握基础语法再学框架。

BOM是JavaScript与浏览器窗口交互的接口，由浏览器厂商实现，核心对象为window，包含location、history、navigator、screen等子对象及setTimeout、alert、open等方法，用于操作浏览器环境而非页面内容。

现代浏览器已禁用Flash，SWF需通过object/embed混合嵌套并配合检测降级与HTML5替代方案实现兼容。

类继承基于ES6的class语法，通过extends和super实现，语法简洁、可读性强，底层为原型链；组合继承结合构造函数与原型链，兼容性好但代码冗长。前者是后者的语法优化版本，现代开发推荐使用类继承，理解组合继承有助于掌握原型本质。

try/catch语句用于捕获并处理JavaScript运行时错误，由try块（监控可能出错的代码）、catch块（处理错误）和可选finally块（执行清理操作）组成；2.错误处理至关重要，因它能提升用户体验、增强稳定性、便于调试维护、保障数据完整性；3.典型适用场景包括解析外部数据、async/await异步操作、潜在DOM错误、类型转换风险及调用第三方库；4.其他重要策略还有Promise.catch()处理链式异步错误、全局错误监听（window.onerror和unhandledrejectio

HTML5原生<video>标签可跨设备播放视频，需设置width/height、controls属性，嵌套多个<source>提供MP4/WebM/Ogg格式，添加muted+autoplay实现静音自动播放，并通过CSS和JavaScript实现响应式与自定义控制。