js

JavaScript拖放功能基于原生Drag and Drop API，需设draggable=”true”并按序处理dragstart、dragenter、dragover、drop等7个事件，且关键步骤须调用preventDefault。 JavaScript 中的拖放功…

服务端渲染（SSR）通过服务器生成完整HTML提升SEO和首屏性能：爬虫可直接抓取语义化内容，加快首次有效绘制，但需处理跨环境兼容、服务端压力与状态同步等问题。 服务端渲染（SSR）指的是在服务器上预先执行 JavaScript 代码，生成完整的 HTML 字符串，再把这页 HTML 发送给浏览器，…

TypeScript 是 JavaScript 的超集，通过静态类型系统在编译期检查类型错误，最终编译为纯 JavaScript 运行；JavaScript 可借助运行时判断、第三方库、JSDoc 等方式模拟类型安全，二者常混合使用以渐进提升可维护性。 JavaScript 本身是动态类型语言，运行…

JavaScript代码拆分与懒加载核心是动态import()，实现按需加载、减小首屏体积；支持路由级、交互级加载及prefetch/preload优化，现代构建工具原生支持。 JavaScript 的代码拆分与懒加载，核心是用 动态 import() 实现按需加载模块，减少首屏体积、提升加载性能。…

WebAssembly通过二进制格式和接近原生的执行速度提升JavaScript性能。1. 代码体积小、解析快，适合高负载场景；2. 支持C/C++、Rust等语言编译，增强计算能力；3. 与JavaScript互操作，关键路径用Wasm，其余用JS处理。适用于图像视频编辑、游戏引擎、数据处理等场景…

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

DOM操作核心是通过getElementById或querySelector等方法获取元素，再用textContent/innerHTML修改内容，classList/style/setAttribute调整样式属性，createElement+appendChild添加新元素，并注意节点存在性、加…

JavaScript处理JSON的核心是JSON.parse()和JSON.stringify()，前者要求严格双引号格式、禁止单引号/尾逗号/undefined等，需try-catch防护；后者会隐式丢弃undefined/function/Symbol，对Date/RegExp/NaN等有特殊转…

WebSocket是浏览器与服务器间持久化全双工通信通道，通过一次Upgrade握手复用TCP连接，以帧轻量传输数据，解决轮询延迟高、开销大等问题，适用于聊天、实时通知等场景。 WebSocket 是浏览器与服务器之间建立的持久化、全双工通信通道，能真正实现客户端和服务器实时双向收发数据。它不像 H…

this 是运行时绑定的引用，指向当前执行上下文的对象；其值取决于函数如何被调用：全局环境下非严格模式指向 window/global，严格模式为 undefined；独立调用同全局；对象方法调用时指向调用者对象；new 调用指向新实例；箭头函数无 this，继承外层。 this 是 JavaScr…