工具

JavaScript压缩通过语法分析、安全替换和移除冗余减小体积并保持功能，核心是提升下载与解析速度；需结合构建工具（Webpack/Vite/esbuild）、Tree Shaking、服务端Gzip/Brotli及代码拆分等策略精准优化。 JavaScript 压缩不是简单删空格，而是通过语法分…

JavaScript表单验证用于前端实时校验输入，提升用户体验，但必须配合后端验证以保障数据安全；前后端需各自独立校验，且规则应保持一致。 JavaScript 表单验证主要在用户提交前检查输入是否符合要求，比如邮箱格式、必填项、密码强度等，能即时反馈、提升体验，但不能替代后端验证——因为前端逻辑可…

JavaScript 无法读取 HttpOnly Cookie，因其设计目的就是禁止客户端脚本访问以防范 XSS；JS 仅能通过 document.cookie 操作非 HttpOnly、同域、未过期且满足 Secure/SameSite 等条件的 Cookie。 JavaScript 无法读取设置…

Three.js 是主流 Web 3D 库，通过 Scene、Camera、Renderer 三要素搭建场景，用几何体+材质+网格创建物体，支持 glTF 模型加载与 OrbitControls 交互动画。 用 JavaScript 做 3D 建模，通常不是从零手写几何体顶点，而是借助成熟库（如 T…

Tree Shaking 是构建时移除未使用 ES6 模块代码的优化技术，依赖其静态导入导出特性；CommonJS 因动态性不支持，且副作用、动态 import、间接引用等会导致失效，需配合代码分割与压缩协同优化。 Tree Shaking 是一种在构建时移除 JavaScript 中未使用代码的优…

模板字符串是JavaScript中用反引号包裹、支持表达式插值、多行书写和标签函数的字符串语法，相比传统拼接更安全、清晰、易维护，且无运行时性能劣势。 模板字符串是 JavaScript 中用反引号（`）包裹的字符串，支持嵌入表达式、多行书写和字符串插值。它不是“更好”的替代品，而是在特定场景下更自…

JavaScript Map 是一种键值对集合，支持任意类型键、保持插入顺序、提供 size 属性、遍历有序且高效，适合动态场景；而普通对象键受限、统计繁琐、遍历顺序不一致，更适合固定结构数据。 JavaScript Map 是一种键值对集合，允许任意类型的数据作为键，且保持插入顺序。它比普通对象更…

WeakMap 是键必须为对象且弱引用的集合，不阻止垃圾回收，无遍历和 size 方法，适用于 DOM 状态绑定、类私有属性等临时元数据挂载场景，与 Map 互补而非替代。 WeakMap 是 JavaScript 中一种特殊的键值对集合，它的核心作用是让对象作为键时不会阻止垃圾回收，从而避免内存泄…

Chart.js适合快速生成标准图表，D3.js适合高度定制化可视化；前者开箱即用、学习成本低，后者灵活度高、需掌握底层概念；选择取决于需求复杂度与团队能力。 Chart.js 和 D3.js 不是同一类工具，不能简单比“谁更强大”，关键看你要做什么：Chart.js 适合快速画常见图表，D3.js…

JavaScript性能优化的核心是减少主线程阻塞、降低资源加载压力、提升执行效率，关键通过代码分割实现按需加载、合理利用构建工具分包能力、控制加载与执行时机，并借助工具监控验证效果。 JavaScript性能优化的核心是减少主线程阻塞、降低资源加载压力、提升执行效率。代码分割是其中关键一环，它把大…