在 JavaScript 开发中，面对像“滚动页面”“窗口缩放”或者“搜索框输入”这种高频触发的事件，如果代码每触发一次就执行一次任务，电脑很容易“累死”（浏览器卡顿、服务器压力大）。 为了解决这个问题，我们通常会用到防抖（Debounce）和节流（Throttle）。它们就像是给高频事件安上了“减速带”或“过滤器”。 防抖（Debouncing）防抖的核心逻辑是：当事件触发时，不立刻执行，而是等

在用 Node.js 和 JavaScript 开发文件上传功能时，如果文件特别大（比如好几个 GB 的高清视频或者压缩包），一次性上传不仅慢，而且万一中途网络断了，就得从头再来，非常让人崩溃。 这时候就需要“断点续传”。断点续传说白了，就是把大文件切成一小块一小块来传，传完了再拼起来；中间万一断了，下次只传还没成功的那几块就行。下面用大白话加简单例子，把实现断点续传的几个核心步骤说清楚。 文件切

这是Vue从入门到精通系列文章的第14篇，今天我们不讲代码，讲讲那个让人又爱又恨而且争议不断地–Vue2的告别舞台和Vue3全面登场。讲讲Vue2和Vue3这两个版本到底差在哪，又是否值得我们集体升级到Vue3. 聊聊背景尤大之前在访谈里提过，Vue3 的念头在 2018 年底就萌生了。那时候 Vue2 才两岁半，但在迭代飞快的前端圈，两岁半的代码库已经写满了“债”。 比起通用软件动辄3年，5年的

这是Vue从入门到精通系列文章的第13篇，上一篇文章中提到了虚拟DOM, 今天花点时间重点讲讲里面非常核心的内容–diff算法。 很多人在看到这一块的时候都感觉头大，但为了面试还是硬着头皮去背那些八股文。与其花时间背八股文，不如克服畏难心里，跟着我一起来看看diff算法的奥秘，它是否又真的有那么难。 讲diff算法首先我们需要明确一个问题，它是为了解决什么问题才引入了。前文我们提到为了解决直接

这是Vue从入门到精通系列文章的第12篇，今天我们来说说虚拟DOM吧。 根据过去该系列文章的阅读数我发现，大家不太爱看有大段代码的文章，所以这次也就不做这一块的代码剖析，有兴趣的读者可下载源码慢慢品味。 什么是虚拟DOM? 怎么出现的？虚拟DOM也不是什么高大上的东西，它本质上就是个普通的 JavaScript 对象，它既不是什么高深的黑科技，也不是多此一举的冗余设计，而是前端工程师为了解决“原生

这是Vue从入门到精通系列文章的第11篇，今天来讲讲Vue2中已经弃用的一个特性–Mixin。Mixin 在Vue2 版本中扮演者非常重要的角色，很多 Hack 技巧和代码的复用上都依赖着Mixin。虽然 Vue3版本弃用了，但是，法拉利老了还是法拉利，一起来认识一下吧。 Mixin是什么咱们先说说Mixin到底是啥——它是面向对象编程里的一种类，里面装着能重复用的方法。其他类不用费劲继承这个Mi