你有没有经历过：凌晨三点，线上报“Cannot read property 'name' of undefined”，你爬起来一看，原来是后端返回的数据少了一层。如果JS有“类型检查”，这种悲剧根本不会发生。今天我们就来认识TypeScript——给JavaScript买了一份“意外险”。

听说Vite很快？快得像你点下保存，浏览器立马刷新。今天我们就来拆解这个“前端新宠”，看看它到底用了什么黑魔法。看完你会发现：哦，原来不是魔法，是“降维打击”！

引言“这个变量打印出来是啥？我看看……哦，是 [object Object]。”“数组怎么展开这么麻烦？每次都要点一下。”“我想知道这段代码执行了多久，难道要自己 Date.now() 减一下？”如果你也有过这些灵魂拷问，那么恭喜你——你正在经历“前端菜鸟阶段”的标志性症状：console.log...

项目越写越大，打包一次喝杯咖啡回来还没好？产出的bundle.js比电影还大？今天我们就来一场Webpack“减肥+提速”双修课。不用焦虑，6招下来，你的打包速度会像换了跑车引擎，产物体积瘦成一道闪电。

你配置过Webpack吗？是不是照着文档写了几行rules和plugins，然后它就神奇地把代码打包好了？今天我们不背配置，直接钻进Webpack的肚子里，看看Loader和Plugin到底在干什么。看完你就能自己写一个Loader和一个Plugin，再也不用怕面试官问“Webpack原理”了。

为什么单页应用切换页面时，浏览器没有真正刷新？地址栏变了，页面却没白一下？今天我们来拆穿前端路由的“魔术”——它根本没去服务器要新页面，而是自己偷偷换了内容。看完这篇，你也能实现一个自己的前端路由。

你有没有想过，为什么刷新页面后，有些网站还能记住你的登录状态？为什么购物车里的商品关掉浏览器再打开还在？今天我们就来聊聊浏览器里的“记忆术”——本地存储。从简单的钥匙串localStorage，到能装下整个图书馆的IndexedDB，总有一款适合你。

你想知道页面上的某个元素什么时候被偷偷改了吗？比如有个熊孩子脚本悄悄改了你的广告位，或者某个懒加载图片终于加载完了？今天我们就来请一位“卧底”——MutationObserver，让它24小时盯着DOM树，任何变化都逃不过它的眼睛。

你有没有想过，除了浏览器自带的click、mouseover这些事件，我们能不能自己创造事件？比如“用户通关了”、“购物车满了”、“天气变热了”？今天我们就来学学自定义事件，让你能在代码的各个角落“放信号弹”，让其他模块“听到”后自动响应。

你点了一个按钮，但它可能不是“它”自己响应的。今天我们就来扒一扒浏览器里那场“谁该负责”的点击风波——事件流。从捕获到冒泡，从目标阶段到事件委托，让你彻底弄懂点一下按钮，背后的整个江湖。

你写的HTML页面，在浏览器眼里其实是一棵树。今天我们就来当一回“外科医生”，用JS给这棵树做手术——增、删、改、查，想怎么动就怎么动。看完这篇，你就能理解为什么说“JS能控制网页的一切”。

这是我上周在一个 issue 下面看到的回复。发 issue 的用户是个忠实用户，他说我们网站的某个按钮点完后页面就白屏了，但我们在测试环境、预发环境、甚至他的电脑上用无痕模式都试了一遍，愣是没复现。

为什么数组可以用for...of循环？为什么对象不行？今天我们来揭开JS里“可循环”的秘密——迭代器（Iterator）和可迭代对象（Iterable）。弄懂它们，你就能让自己的对象也支持for...of，甚至还能写出像Python生成器那样优雅的代码。

“产品经理说，所有包含图片的卡片，要在卡片上加一个‘带图标识’的边框。但是这些卡片是动态渲染的，图片可有可无，我总不能每个卡片都写个条件判断吧？”

你有没有想过，如果函数可以“暂停”，等你想好了再继续，会是什么样？今天我们就来认识JavaScript里的“时间管理大师”——Generator函数。它能让你在执行到一半的时候停下来，等你喊“继续”再往下走。这听起来有点科幻，但它却是async/await的祖师爷。

用了这么久Promise，你知道它内部是怎么工作的吗？今天我们就来手写一个符合Promise/A+规范的Promise，从零开始造轮子。别怕，这不是为了炫技，而是为了让你真正理解异步编程的底层逻辑。造完这个轮子，你会发现：原来Promise也就这么回事！

为什么setTimeout明明是0毫秒，却不是立即执行？为什么Promise.then比setTimeout先执行？今天我们来揭开JS异步执行的底层秘密——事件循环。看完这篇，你就能像背口诀一样记住各种异步任务的执行顺序，面试再也不怕被问“输出顺序”了。

凌晨两点，运维小哥打电话给我的时候，声音里带着一丝绝望。就在十分钟前，我们刚修复了一个线上紧急 Bug，紧急上线，紧急通知所有用户强制刷新。然而，群里依然有人截图反馈：“这个 Bug 还在啊！”

JavaScript是单线程的，但它却能同时处理很多事情。这是怎么做到的？今天我们就来聊聊异步编程，看看JS是怎么一边听歌一边刷网页的。从最原始的回调函数，到Promise，再到优雅的async/await，这不仅是技术的演进，更是一场“程序员不熬夜”的运动。

昨天我们聊了原型链，知道了JS对象之间是怎么“攀亲戚”的。今天咱们来聊聊继承——也就是怎么让一个对象“认祖归宗”，继承另一个对象的属性和方法。从最原始的手动操作，到ES6优雅的class语法，这中间有好几种姿势，每种都有自己的脾气。今天一次性给你盘清楚。