跨域

JavaScript History API 支持无刷新操作浏览器历史，含 pushState（添加记录）、replaceState（替换记录）和 popstate 事件监听（响应前进/后退），用于 SPA 路由与状态管理，受同源策略限制。 JavaScript 通过 History API 提供了…

WebSocket通过HTTP升级握手建立持久全双工连接：客户端发含Upgrade、Sec-WebSocket-Key的请求，服务器返回101状态及Sec-WebSocket-Accept校验；连接后通过onopen/onmessage/onclose/onerror事件收发数据，以帧而非HTTP报…

前端可通过Blob和a[download]实现文件下载，如文本、JSON、CSV等；利用URL.createObjectURL创建临时链接，动态触发下载，适用于导出数据场景。 在前端开发中，JavaScript 本身不能直接操作用户的文件系统，出于安全考虑，浏览器限制了对本地文件的读写权限。但可以通…

Web Workers 是浏览器提供的真正多线程机制，通过独立执行上下文实现后台任务运行，避免阻塞主线程；适用于密集计算、图像处理、大数据解析等场景，需用 postMessage 通信且不可访问 DOM。 Web Workers 是浏览器提供的、让 JavaScript 在后台线程中运行的机制，它不…

JavaScript操作cookie需通过document.cookie，读写受限；写入用key=value;expires=…格式，读取需解析字符串，删除需设过期时间；单个最大4KB、同域约20–30个，不安全且易被清除，适合存登录态等需自动随请求发送的轻量数据。 JavaScript…

JavaScript中建立WebSocket连接需用new WebSocket(url)创建实例，正确处理onopen、onmessage、onerror、onclose事件，并在readyState为OPEN时调用send()发送数据，关闭时用close()。 JavaScript 中建立 Web…

JavaScript操作XML主要用DOMParser解析字符串为DOM对象、XMLSerializer序列化回字符串，并配合DOM API查询修改；现代浏览器原生支持，无需额外库。 JavaScript 操作 XML 数据主要依靠浏览器内置的 DOMParser（解析 XML 字符串为 DOM 对…

localStorage是JavaScript本地存储中最常用的方式，提供持久化键值对存储且数据在浏览器关闭后仍保留；它属于Web Storage API，仅支持字符串、容量约5–10MB、同域隔离，需用setItem()/getItem()/removeItem()等方法操作，并避免存储敏感信息。…

JavaScript 操作 CSS 的核心方式是通过修改元素的 style 属性（内联样式）或切换 class 名来间接控制样式，前者适合简单、临时的样式变更，后者更推荐用于可复用、易维护的动态样式控制。 直接修改元素的 style 属性 每个 DOM 元素都有一个 style 属性，它是一个 CS…

JavaScript跨域通信的核心方法是postMessage，它安全、标准、兼容IE8+，适用于iframe、弹窗、Web Worker等双向实时通信场景；其他方式如CORS、JSONP主要用于单向数据请求。 JavaScript 跨域通信的核心方法是 postMessage，它安全、标准、兼容性…