svg

Webpack采用先打包再运行的方式，Vite则按需编译；Webpack冷启动慢、HMR延迟大、配置复杂，Vite启动快、HMR精准、开箱即用；生产构建Webpack自研打包器，Vite用Rollup；Webpack生态成熟适配老旧场景，Vite更适合现代新项目。 JavaScript 的构建工具，…

JavaScript模块打包是将多个JS及非JS资源按依赖合并转换优化为少量浏览器可运行文件的过程；它解决ES6模块的局限性，支持Loader/Plugin扩展、代码分割、Tree Shaking等工程化能力。 JavaScript模块打包，就是把多个JS文件（可能还有CSS、图片等资源）按依赖关系…

Chart.js适合快速实现常规图表，D3.js适合高度定制化复杂可视化；前者开箱即用、响应式强但扩展性有限，后者掌控底层、生态丰富但学习成本高。 Chart.js 适合快速画常见图表，D3.js 更灵活但学习成本高，选哪个取决于你的需求：要快上线就用 Chart.js，要高度定制或处理复杂交互就上…

FileReader可读取任意File对象，能否正确解析取决于所选方法：readAsText适用于文本文件，readAsDataURL适合资源预览，readAsArrayBuffer用于二进制处理，readAsBinaryString已废弃；浏览器限制其仅能读取用户主动选择的文件，且操作均为异步。 …

Canvas 是 HTML 中提供像素级绘图能力的位图接口，需通过 JavaScript 获取 2D 上下文绘制图形，适合动画、游戏等高性能场景，但放大模糊且无原生事件响应。 Canvas 是 HTML 中的一个绘图元素，它提供了一块空白的“画布”，通过 JavaScript 控制像素级绘制，适合做…

Chart.js适合简单图表、快速上线场景，如后台系统的用户增长曲线和销售占比饼图；D3.js适合高度定制、强交互或数据驱动DOM操作，如关系网络图、地理热力图等。 选Chart.js还是D3.js，关键看需求复杂度和开发资源——简单图表、快速上线，Chart.js更合适；需要高度定制、交互丰富或数…

惰性加载是延迟加载资源至真正需要时才获取或执行，以提升首屏性能；包括图片用loading=”lazy”或IntersectionObserver、脚本用import()、组件用React.lazy或defineAsyncComponent、数据用滚动触发等。 JavaScri…

JavaScript操作SVG需用createElementNS指定命名空间，通过setAttribute修改属性，querySelector选取元素，path元素靠d属性绘制图形，并注意大小写敏感和坐标系等细节。 JavaScript 操作 SVG 的核心是把它当作 DOM 元素来处理——SVG …

Canvas API是JavaScript绘制2D图形的核心，需先获取2D上下文，再按路径→样式→渲染流程绘图，支持矩形、圆等图形及变换，但为位图且不自动重绘。 用 JavaScript 创建图形，核心是 Canvas API —— 它提供了一套在网页上绘制 2D 图形的底层接口。Canvas 本身…

JavaScript打包依赖Webpack、Vite、Rollup等工具，核心是配置而非编码：Webpack成熟适中大型项目需手动配置；Vite开箱即用、开发快，适合业务项目；Rollup专注类库打包，强调Tree-shaking与多格式输出。 JavaScript 代码打包主要靠模块打包工具（如 …