ajax

Fetch API 是当前主流网络请求方案，比 XMLHttpRequest 更简洁现代，但默认不带 Cookie 且 404/500 不自动报错；需用 res.ok 判断、credentials: ‘include’ 携带 Cookie、AbortController 实现…

响应式编程是JavaScript中以数据流和变化传播为核心的范式，将异步事件等视为随时间发出值的序列，用声明式方式组合处理；RxJS通过Observable和Operator（如debounceTime、switchMap）实现高效、可取消、可组合的异步逻辑。 响应式编程（Reactive Prog…

JavaScript事件是用户或浏览器执行的动作，常见类型有click、input、change、keydown/keyup、submit、load、DOMContentLoaded；添加方式包括内联属性、DOM属性赋值和addEventListener（推荐），需注意元素存在时机、事件委托、thi…

fetch API 是 JavaScript 发送 HTTP 请求最常用、最现代的方式，基于 Promise、语法简洁、原生支持；GET 请求直接传 URL，POST 需设置 method、headers 和 JSON.stringify() 处理 body；需手动检查 response.ok 处理…

JavaScript模块化是现代%ignore_a_1%开发基石，解决代码混乱、污染、依赖失控等问题；ES6模块静态可分析、支持tree-shaking，CommonJS动态运行、Node原生支持，二者在构建工具中可互操作。 JavaScript模块化不是锦上添花，而是现代前端开发的基石。它解决的是…

JavaScript单页应用（SPA）仅用一个HTML页面，通过JavaScript动态更新内容，实现局部刷新；传统网页每次跳转都请求新HTML并整页重载。 JavaScript单页应用（SPA）是指整个网站只用一个HTML页面，所有内容切换和交互都由JavaScript在浏览器端动态完成，不触发整…

JavaScript跨域受限源于浏览器同源策略，核心解决方案是后端配置CORS（含简单请求、带凭证请求及预检请求的响应头设置），开发期可用前端代理，无法改第三方接口时可服务端中转。 JavaScript 的跨域请求受限制，核心原因是浏览器的 同源策略（Same-Origin Policy）。它不是 …

AJAX是使用XMLHttpRequest或fetch API实现异步通信的编程方式，核心是不阻塞JS执行；fetch基于Promise，推荐用于GET/POST请求，需注意状态码判断和响应解析；XMLHttpRequest兼容旧浏览器，需手动处理状态与数据解析。 JavaScript 与后端交互最…

XHR是老式API，支持细粒度控制与事件驱动；Fetch是现代Promise-based替代方案，简洁但需AbortController中断且默认不带Cookie。新项目优先用Fetch，老系统或需进度控制时仍用XHR。 XMLHttpRequest（XHR）是浏览器内置的一个老式 API，用于发起…

事件委托高效是因为将多个子元素的事件监听集中到父元素，利用冒泡机制统一处理，节省内存、提升性能，且动态增删子元素时无需重新绑定或解绑。 JavaScript事件委托高效，是因为它把多个子元素的事件监听，集中到一个父元素上处理，避免为每个子元素单独绑定监听器。这样既节省内存，又提升性能，尤其在动态增删…