红宝书第三十二讲：零基础学会模块打包器：Webpack、Parcel、Rollup资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、模块打包器是什么？把分散的HTML/CSS/JS文件 组合成浏览器可加载的单个/少量文件。解决三大问题 1：依赖管理（如import语法）语法转换（ES6→ES5）文件优化（压缩、图片转b...

红宝书第三十一讲：通俗易懂的包管理器指南：npm 与 Yarn资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、基础概念包管理器：帮你自动下载和管理第三方代码库（如React、Lodash）的工具 1。\核心作用：安装依赖：从公共仓库获取代码包版本管理：明确指定项目依赖的版本脚本自动化：快速执...

红宝书第三十讲：通俗易懂的JavaScript调试指南资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、Chrome DevTools核心功能浏览器内置的 开发者工具，按 F12 或 Ctrl+Shift+I 打开（Windows）1。核心面板：Sources：查看源代码，设置断点Console：查看日志/错误，执行临时代码Elements：实时...

代码编辑器（如VS Code）：专注代码编写，通过插件扩展功能 12\集成开发环境 IDE（如WebStorm）：一站式解决方案，自带完整开发工具链 2

红宝书第二十八讲：内存泄漏分析与优化策略通俗指南资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、内存泄漏的常见场景当程序 错误持有不再需要的对象引用，导致内存无法释放 1。以下典型场景：1. 意外全局变量 {代码...} 2. 遗忘的定时器 {代码...} 3. 闭包不当使用 {代码...} 二、分析...

红宝书第二十七讲：详解WebAssembly与asm.js如何实现高效执行资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、asm.js：让JS跑得更快的秘密JavaScript的性能优化方案，通过 提前明确类型 减少引擎负担，可提升运行速度1。核心原理 {代码...} 示例1：强制类型声明 {代码...} 优化点：使用|0...

红宝书第二十六讲：详解Web Workers：专用、共享、Service Worker资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、专用Worker（Dedicated Worker）每个页面的 独立线程，适合处理耗时任务（如大量计算），不与其它页面共享 12。生命周期：随页面关闭而销毁。示例1：主线程与专用Worker通信...

红宝书第二十五讲：客户端存储（Cookie、localStorage、IndexedDB）：浏览器里的“记忆盒子”资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、Cookie：小容量“便利贴”特点：存储量小：约4KB（资料1提到）1自动随请求发送：每次请求都会携带Cookie，如登录Token手动设置过期时间：否则关闭浏...

红宝书第二十四讲：详解BOM对象：window、location、history资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、BOM核心：window对象window对象是浏览器窗口的入口，同时扮演 全局作用域角色（所有全局变量/函数都挂载在window上）1。 {代码...} {代码...} ⚠️ 不要滥用全局：过多全局变量会影...

红宝书第二十三讲：详解DOM事件模型：冒泡与事件委托资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、事件冒泡：从“子”到“父”的传递过程当点击一个元素时，事件会从最深层元素逐级向上传递到根节点，即 事件冒泡12。 类比：石头扔进水里，波纹从中心扩散到外围。 {代码...} 代码验证：点击...

普通JavaScript数组（Array）灵活但低效，不适合处理大量二进制数据（如文件、图像）。类型化数组（Typed Arrays）直接操作内存，解决以下痛点：

红宝书第二十一讲：详解JavaScript的模块化（CommonJS与ES Modules）资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、模块化的意义：分而治之模块化解决代码依赖混乱、命名冲突问题，核心思想：每个文件为一个独立模块导出（export）需要暴露的功能导入（import）其他模块的功能二、Common...

红宝书第二十讲：详解JavaScript的Proxy与Reflect资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、Proxy的作用：给对象戴上“监听耳机”Proxy（代理）允许你为对象创建代理层，拦截并自定义对象的基本操作（如属性读写、函数调用等）。核心用法：通过new Proxy(target, handler)创建代理对象...

红宝书第十九讲：详解JavaScript的Fetch API与Ajax请求资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、基本概念：为什么需要Fetch？Fetch API是浏览器提供的现代网络请求工具，替代传统的Ajax（XMLHttpRequest）。核心特点：基于Promise → 代码更简洁（告别回调函数嵌套） 12支持流式处理...

红宝书第十八讲：详解JavaScript的async/await与错误处理资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、async/await的作用：让异步代码“看起来”同步async/await 是Promise的语法糖，可以让异步代码像同步代码一样直白。核心规则：async：声明一个函数是异步的，函数内可用awaitawait：等...

Promise（承诺）是JavaScript管理异步操作的工具，用于替代传统的嵌套回调链（回调地狱）。它能将异步代码线性化，让异步逻辑像步骤说明书一样清晰 12。

红宝书第十六讲：通俗详解JavaScript回调函数与事件循环资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、回调函数：任务的“代金券”回调函数是将一个函数作为参数传递给另一个函数，在特定条件满足时自动触发执行的机制。例如：用户点击按钮时触发函数、异步请求完成时处理数据 1。示例：DO...

迭代器像一个可暂停的传送带，逐项提供数据。任何对象实现 Symbol.iterator 方法即可成为可迭代对象，供 for...of 等遍历 1。

红宝书第十四讲：详解JavaScript集合类型：Map、Set、WeakMap资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、Map：钥匙任选的“保险箱”Map的键可以是任意数据类型（如对象、函数），不像普通Object只能用字符串/符号作为键。适合需要复杂键的场景 1。示例：员工信息管理 {代码...} 1: 参考...

红宝书第十三讲：详解JavaScript核心对象：Array、Object、Date、RegExp资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲。一、Object：万物皆对象的“盒子”Object是JavaScript中最基础的数据容器，像动态存储的抽屉，可随时添加/删除属性，支持键值对存储 1。示例：创建用户信息对象 {代码...}...

红宝书第十二讲：详解JavaScript中的工厂模式与原型模式等各种设计模式资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲工厂模式和原型模式解析一、工厂模式：像订外卖一样创建对象工厂模式就像一个“对象生成器”，只需要告诉它“我要什么”，它就会自动生成并返回对应的对象。适合需要批量创建复...

红宝书第十一讲：超易懂版「ES6类与继承」零基础教程：用现实例子+图解实现资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲。一、ES6类的核心语法：把事物抽象成“模板”想象你要设计一款「动物养成游戏」，需要创建多种动物对象。ES6的class就是一个代码模板： {代码...} 🎯 重点说明：construc...

红宝书第十讲：「构造函数与原型链」入门及深入解读：用举例子+图画理解“套娃继承”资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、构造函数：批量生产对象的“模板”想象你开了一家宠物店🏪，需要批量创建小狗对象。构造函数就是你的生产模具，帮你快速生成小狗： {代码...} ⚠️ 缺点：所有小...

红宝书第九讲：JavaScript对象创建与属性描述符详解资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、对象创建的三种方式JavaScript中创建对象主要有以下方式：1. 对象字面量（直接创建）直接在代码中写键值对： {代码...} 2. 构造函数（new关键字）1通过构造函数创建对象实例： {代码...} ...

红宝书第八讲：箭头函数与高阶函数：厨房工具与智能菜谱的对比资料取自《JavaScript高级程序设计（第5版）》。查看所有教程：红宝书学习大纲一、箭头函数：快捷操作的切片刀1. 基础语法特点 箭头函数是简洁版的函数表达式，特别适合简单操作，如切菜工具：省略 function 关键字：使用 => 代替单行时省略 return：自动...

红宝书第七讲：this绑定与强制类型转换详解（小白指南）资料取自《JavaScript高级程序设计（第5版）》。查看所有教程：红宝书学习大纲一、this绑定：对话中的主角是谁？简单比喻 假设你在餐厅点菜，this相当于当前服务的服务员：不同场景服务员会变：包厢用餐 → 专属服务员（对象方法） / 大堂吧台 → 公共服务员（全局对...

红宝书第六讲：作用域链与闭包：厨房里的调味料架原理资料取自《JavaScript高级程序设计（第5版）》。查看所有教程：红宝书学习大纲一、什么是作用域链？（洋葱层级结构）想象你在厨房做菜，每个调料瓶按使用频率由近到远摆放：当前厨房台面：手边的盐、酱油 → 相当于函数内部变量（局部作用域）冰箱里的辣椒酱：常用但...

红宝书第五讲：函数声明与表达式小白详解资料取自《JavaScript高级程序设计（第5版）》。查看所有教程：红宝书学习大纲一、函数声明：先上车后买票1. 基本语法 用 function 关键字直接定义函数： {代码...} 2. 核心特点提前可用（提升）：函数声明会被自动提升到作用域顶部，可以先调用后定义1： {代码...} 3. 适用场景 ...

原始值（Primitive Values）类型：包括字符串（String）、数字（Number）、布尔值（Boolean）、null、undefined、Symbol、BigInt1。

红宝书第三讲：JavaScript 操作符与流程控制详解资料取自《JavaScript高级程序设计（第5版）》。查看所有教程：红宝书学习大纲一、常用操作符操作符用于对数据进行计算和比较：1算数操作符+（加）、-（减）、*（乘）、**（幂）、/（除） {代码...} 比较操作符>（大于）、<（小于）、==（相等，会转换类型）、===（...