javascript

JavaScript动画核心是短时间连续修改CSS样式利用视觉暂留，推荐requestAnimationFrame+transform/opacity，避免触发布局的属性，可结合CSS transition由JS触发控制。 JavaScript 实现动画效果，核心就是在短时间内连续、有规律地修改元素…

WeakMap和WeakSet提供弱引用，不阻止垃圾回收，适用于对象私有数据存储、状态标记等场景，避免内存泄漏。 JavaScript的内存管理由引擎自动处理，开发者不需要手动分配或释放内存，但理解其机制能避免内存泄漏。核心在于垃圾回收器（GC）如何识别和清理不再使用的对象。WeakMap和Weak…

JavaScript代码分割的核心目标是按需加载模块以减小初始包体积、提升首屏速度；动态导入（import()）是标准实现方式，返回Promise，支持运行时路径决定、模板字符串拼接、浏览器原生支持及构建工具自动分包。 JavaScript 代码分割（Code Splitting）的核心目标是按需加…

最推荐用 fetch API 发起 HTTP 请求，它原生支持、基于 Promise、语法简洁；需手动检查 response.ok 处理 404/500 等状态码，POST 要设 headers 和 JSON.stringify body，超时需 AbortController 实现。 用 Java…

JavaScript封装核心是控制访问权限，主要方式有：1.闭包实现真正私有状态；2.ES2022私有字段#field；3.Symbol+WeakMap模拟弱私有；4.模块作用域限制顶层可见性。 JavaScript 实现封装，核心是控制对数据和方法的访问权限，让内部实现细节不被外部随意修改或依赖。…

WebGL是浏览器中基于OpenGL ES 2.0的JavaScript图形API，提供GPU底层访问能力，需手动管理顶点、着色器、缓冲区和矩阵变换；它不是框架或库，而是状态机式接口，核心包括gl上下文、GLSL着色器、缓冲区绑定与draw调用。 WebGL 是浏览器中运行的、基于 OpenGL E…

WebRTC是浏览器原生支持的开放标准，提供MediaStream、RTCPeerConnection和RTCDataChannel三类API实现P2P音视频与数据传输；需信令服务器交换SDP和ICE候选信息以建立连接。 WebRTC（Web Real-Time Communication）是浏览器…

JavaScript通过Canvas API绘图需先用getContext(‘2d’)获取2D上下文，再调用fillRect、arc、lineTo等路径方法绘制图形，配合fillStyle、strokeStyle等属性设置样式，并通过clearRect、requestAnim…

代码分割是将大体积JS文件拆分为按需加载的小块以提升首屏速度和用户体验。它通过动态import()实现路由级（如React.lazy、Vue异步组件）和功能级（如点击后加载xlsx）分割，并配合SplitChunksPlugin提取公共依赖、prefetch预加载及错误降级处理。 JavaScrip…

JavaScript 文件处理核心是通过 获取 File 对象，用 FileReader 异步读取（支持文本、DataURL、ArrayBuffer），前端校验类型与大小，再用 FormData 配合 fetch 上传，需注重错误处理与真机测试。 JavaScript 用 File API 处理文件…