前端打怪笔记

💡 为什么要掌握 TS 工具类型？ 我在刚写 TS 的时候，总觉得工具类型只是锦上添花，不会用也没啥影响。随着后面项目越写越大，组件越来越多，才发现： 比如以下场景： 表单局部更新，少传字段直接报红，

入职第一周，我接了个新功能开发任务，正好有机会在项目里第一次上手 UnoCSS。 从引入、配置、实战使用到踩坑总结，这篇文章记录了我整个真实的使用过程，顺便分享一些经验和小技巧。

🔥 面试官：Webpack 为什么能热更新？你真讲得清吗？ 这一问，直接暴露出很多人对 HMR 理解只停留在“能自动刷新页面”，但真正面试要讲清楚，需要你能从原理 + 流程 + 代码执行一层层剖析。

面试官翘着二郎腿，掀了掀眼皮，语气轻飘飘地问我： “Vue3 的 Teleport 用过？” “嗯……做弹窗的时候用过，能把内容挂 body 上。” “那你知道它是怎么做到的吗？为啥能跑到...

“听说你对 Vue 的虚拟 DOM 和 diff 算法很熟？” “嗯，看过源码，大概知道 diff 会比较新旧 vnode，然后更新最少 DOM。” 面试官点点头，忽然问道： “那你能具体讲..

今天，我们就不卷源码，来从设计思想和实际开发体验出发，看看 Vue3 的响应式系统，到底强在哪里？ 🏛️ Vue2 的局限 Vue2 的响应式系统用的是 Object.defineProperty()

面试官推了推眼镜：“我们项目用的是 Vue，对吧？” “是的，我们主要用 Vue 3。” “那我问个简单点的，`v-model` 是怎么实现的？” “呃，它是语法糖吧……就是帮我们绑定...

面试官翘着二郎腿，眼神淡淡扫了我一眼： “简历上写你精通 JavaScript？” “是的。” “那……讲讲原型链。” 我脑袋嗡地一下...

本文是《前端打怪笔记》系列第 2 篇，适合用于：面试复习 / 代码输出 / 系统掌握异步机制。 看了无数次，还是写不出来？虽然我们平时经常使用 `Promise` 和 `async/await`，但是

你不是不懂，是没真正吃透。 事件循环，几乎是前端人绕不过的坎，但也总是似懂非懂。 你可能已经： 看了 5 张不同的流程图 刷了 3 遍教学视频 背过“宏任务和微任务”规则 但真正遇到面试题