js

CSS-in-JS 是将样式定义为 JS 对象或函数，实现组件化、作用域隔离与动态响应；通过运行时生成唯一类名、按需注入卸载样式，提升可维护性与性能。 JavaScript 中的 CSS-in-JS 是一种将样式逻辑直接写在 JavaScript 文件里（而非独立 CSS 文件）的技术，核心目标是让…

package.json 的核心是 name 和 version 字段，必须符合 npm 规范；scripts 定义命令，dependencies/devDependencies 区分运行与开发依赖；main/module/exports 控制模块入口，types 提供类型定义；private、en…

JavaScript Web组件是浏览器原生API，用于创建可复用、封装良好的自定义HTML元素，基于Custom Elements、Shadow DOM和HTML Templates标准，无需依赖React或Vue等框架。 JavaScript Web组件是一套浏览器原生支持的API，用来创建可复…

GraphQL是一种跨语言的API查询语言和运行时，核心解决REST中过度获取或获取不足问题，客户端通过结构化查询精准获取所需数据，服务端按需返回匹配JSON。 GraphQL不是JavaScript的专属技术，而是一种用于API的查询语言和运行时，它可以用在任何编程语言中，包括JavaScript…

Promise是ES6引入的异步编程标准对象，用于解决回调地狱、错误处理分散及缺乏统一控制等问题；它表示异步操作的三种状态（pending/fulfilled/rejected），通过new Promise()创建，支持.then()/.catch()链式调用与Promise.all/race/fi…

JavaScript代码分割通过拆分JS文件为小chunk实现按需加载，提升首屏速度；常用动态import()、React lazy/Suspense、构建工具自动分割及prefetch/preload优化。 JavaScript 代码分割（Code Splitting）是通过将打包后的 JS 文件…

Chrome DevTools Memory面板用于识别内存泄漏，通过Heap Snapshot对比、Allocation Timeline监控和手动GC验证三步定位问题，重点关注闭包、Detached DOM及未清理的事件监听器等泄漏源。 直接看内存使用情况，关键不是“占了多少”，而是“为什么占着…

JavaScript轻量图表库核心是数据映射+图形渲染：Canvas适合高频重绘（如实时折线图），需手动坐标转换和clearRect重绘；SVG适合交互丰富图表，基于DOM节点，支持事件、viewBox缩放和无障碍属性。 用 JavaScript 实现一个轻量图表库，核心在于抽象数据映射逻辑 + 图…

DOM是HTML的“JS版本”，即浏览器将HTML解析成可操作的树状对象结构，使JavaScript能控制内容、样式和事件。 DOM（Document Object Model）是浏览器把 HTML 文档解析成的一个树状对象结构，每个标签、文本、属性都变成可操作的 JS 对象。有了它，JavaScr…

JavaScript垃圾回收基于可达性判断对象是否可回收，通过标记清除算法周期性清理不可达对象；闭包、未解绑事件监听器等易引发内存泄漏，需及时断开引用或使用WeakMap等工具防范。 JavaScript 的垃圾回收（GC）是自动运行的，不需要手动干预，但它的工作方式和你写的代码密切相关。理解它怎么…