365天前端知识体系构建计划：从入门到架构师的完整进阶之路

你配置过Webpack吗？是不是照着文档写了几行`rules`和`plugins`，然后它就神奇地把代码打包好了？今天我们不背配置，直接钻进Webpack的肚子里，看看Loader和Plugin到底在

前言 你有没有注意过，现在很多网站（比如知乎、B站、Github）点开一个新页面，地址栏变了，但页面没有那种“白屏-加载-闪现”的过程，而是瞬间切换内容。这就像你走进一家餐厅，菜单上写着“换桌”，你以

前言 想象一下，你每次去网吧上网，都要重新登录所有账号、重新设置主题、重新添加购物车——是不是想砸电脑？还好，浏览器有“记忆功能”。它能在你的电脑里存点东西，下次再来时直接拿出来用。 这个“记忆功能”

前言 假设你开了一家便利店，店里装了监控。你想知道：什么时候有人进来？什么时候货架上的商品被拿走了？什么时候价格标签被换了？普通的监控只能录像，但你需要的是“智能警报”——一有变化就通知你。 这就是M

前言 想象一下，你是个指挥官，手下有侦察兵、炮兵、步兵。侦察兵发现敌情后，不能直接喊“开炮”，否则太乱。他需要一种机制——比如举起红旗——让炮兵看到红旗就开火，步兵看到红旗就隐蔽。这个“红旗”，就是自

前言 想象一下，你点了一个按钮。这个按钮在一个卡片里，卡片在一个列表里，列表在一个页面里。那么问题来了：是按钮自己“听到”了点击，还是卡片先听到，还是页面先听到？ 浏览器其实有一套严格的“传话”机制：

前言 你有没有想过，当你用document.getElementById拿到一个元素，然后改它的文字、换它的颜色时，背后发生了什么？ 其实，浏览器把HTML解析成了一棵“树”，每个标签、属性、文本都是

前言 你有没有好奇过，为什么数组可以用for...of遍历，而对象不行？为什么...扩展运算符可以展开数组，却不能直接展开对象？这背后其实是迭代器协议在起作用。 今天我们就来彻底搞懂这套机制，然后亲手

前言 普通函数就像一支穿云箭，发射出去就直奔终点，中间绝不回头。但有时候我们需要更灵活的控制：比如我要分几步做一件事，每一步之间可能隔着十万八千里，或者我想让调用方决定什么时候继续。 Generato

前言 你有没有想过，Promise这个“承诺”到底是怎么实现的？为什么它能链式调用？为什么错误会冒泡？为什么then里的回调可以返回普通值，也可以返回Promise？ 就像开惯了自动挡的人，突然想知道

前言 还记得昨天我们说的异步吗？JS把耗时任务丢给浏览器去干，自己继续往下跑。但问题是：异步任务完成后，回调函数是怎么被调用的？谁来决定先执行哪个回调？ 这就要说到今天的主角——事件循环

你有没有经历过这种绝望：写了一个网络请求，结果后面的代码先执行了，请求的数据还没回来，页面已经渲染完了，一片空白。

昨天我们聊了原型链，知道了JS对象之间是怎么“攀亲戚”的。今天咱们来聊聊继承——也就是怎么让一个对象“认祖归宗”，继承另一个对象的属性和方法。

有人说JavaScript里“万物皆对象”，但对象和对象之间怎么攀亲戚？今天我们就来扒一扒JS的“家族关系”——原型和原型链。看懂了它，你就理解了JS面向对象的核心，也能明白为什么一个数组能调用那么多

今天咱们来深挖一下：闭包这玩意儿到底能干啥？有没有什么副作用？怎么防止它把内存吃光？看完这篇，你不仅知道闭包怎么用，还能在面试官面前侃侃而谈。

为什么有的变量在函数里能用，在外面却报错？为什么循环里的i总是最后一个值？今天我们就来聊聊JavaScript的作用域和作用域链，顺便揭开闭包的神秘面纱。保证你看完之后，再也不用背面试题了。

有人说JS里万物皆对象，有人说JS里类型多得让人头大。今天我们就来盘点一下JavaScript的七种基本数据类型和它们的“爸爸”Object，看看它们各自有什么脾气，日常相处中又有哪些让人哭笑不得的坑

前言 还记得你第一次写CSS时的样子吗？一个属性一个属性地敲，一个颜色一个颜色地复制，改个主题色就像在玩“大家来找茬”。昨天学了Sass基础，你已经能像模像样地用变量和嵌套了，感觉自己有点东西了是吧？

在CSS的手工作坊时代，这就是日常。但自从有了Sass这样的预处理器，我们终于可以像写程序一样写样式了——变量、函数、复用、模块化，统统安排上。今天我们就来揭开Sass的神秘面纱，看看它到底有多香。

你有没有遇到过这样的尴尬：在电脑上精心设计的网站，用手机一打开，字小得像蚂蚁，图片跑出边界，布局乱成一锅粥？今天我们就来学习响应式设计，让你的网站在任何设备上都光鲜亮丽，一套代码通吃所有屏幕。