你每天都在写 Vue 组件，但你有没有想过：写完的 .vue 文件，浏览器是怎么把它变成页面上的东西的？ 这篇文章不堆术语，从你已经会的东西出发，一层层拆开 Vue3 的源码...
发简信
IP属地：江苏
-
Vue3 源码一览通 -
对比 React 与 Vue3 生命周期的区别
一个问题：组件从生到死，中间发生了什么？ 你住酒店，流程是这样的： 入住：前台核验身份 → 给你房卡 → 你进房间放行李 住着：叫客房服务、调空调温度、每天打扫换毛巾 退房：...
-
React 有哪些内置组件？
很多人背过一份清单：Fragment、Suspense、memo、forwardRef……名字全念得出。但名字和懂是两码事。 你能说出每个组件"解决的是什么真实麻烦"吗？还是...
-
Tree Shaking：只带走该带的东西一、它到底是什么 假设你有一个巨大的工具箱，里面塞了一千件工具。但你今天要干的活，只需要一把锤子和两颗钉子。出门的时候，你是把整个箱子扛走，还是把用不上的工具留在家？ 代码世...
-
深入浅出前端虚拟滚动先感受一下问题 假设你面前有一本十万页的电话簿，你要找一个人。 你不会从第一页开始一页页翻——你会用手指捏住书脊，快速拨动页边，眼睛盯着页眉的字母索引，直到接近目标字母才停下...
-
Redux、Vuex、Pinia 之间的区别
这三个库不是凭空冒出来的。它们要解决的，是同一个根本问题： 当很多组件都要读写同一份"全局状态"时，怎么既不让代码乱成一团，又保证状态的变化可追踪、可预测？ 想象一间开放式办...
-
Vite 凭什么完胜 Webpack？Vite 是一个前端构建工具 + 开发服务器。它把"开发"和"上线"这两件事拆开用两套最合适的引擎： 开发时：不打包。直接把你的源码当原生 ES 模块喂给浏览器，浏览器自己按...
-
Pinia 是什么？与 Vuex 有何区别？一、为什么需要"状态管理"？ 想象几个年轻人合租了一套公寓，厨房里摆着一台大家共用的冰箱。 你今天买了几盒牛奶塞进去，室友 B 想喝，得先确认"还有没有、剩多少"；室友 C ...
-
Node.js 核心知识体系全景：从底层原理到工程实战学习的最高境界，在于能否用最通俗的语言把复杂的事物讲清楚。如果我们能把 Node.js 看似高深的底层技术概念，拆解成日常生活中随处可见的场景，那么理解它们就会变得水到渠成。...
-
从 Vue 到 React 快速入门指南你懂 Vue2/Vue3，意味着你已经理解了现代前端要解决的核心问题：让界面和数据保持同步。Vue 和 React 解决的是同一个问题，只是哲学不同。这篇文章只讲核心，帮你快...
-
轻松搞懂 Promise.all / race / any / allSettled 之间的区别JavaScript 里 Promise 有四个用于并发调度的静态方法——Promise.all、Promise.race、Promise.any和Promise.allSe...
-
重绘与回流：从装修说起浏览器渲染想象你已经装修好了一套房子：沙发、茶几、电视柜、书架，全部摆到位，墙也刷好了。 这就是浏览器初次渲染完成后的样子——先把家具（元素）的位置尺寸定好，再刷墙（上色）。 现在你要...
-
Fetch 能用了，为什么大家还在装 axios？
一、先搞清楚：浏览器到底在干什么 你打开一个网页，发生了什么？ 你的浏览器向一台远程服务器说："给我那个页面。" 服务器把 HTML 扔回来。你点了张图片，浏览器又说："给我...
-
RESTful 是什么？三分钟讲清楚前面在《HTTP 请求方法，用最简单的话讲清楚》[https://www.jianshu.com/p/b5b732ec761a]一文中讲了几种常见的 HTTP 请求，但是 H...
-
一文带你轻松搞懂TypeScript0. 先搞清楚：TypeScript 到底在解决什么？ 你看，JavaScript 是个好东西——你把代码交给浏览器，它原样执行。但问题就出在"原样"两个字上。 函数 add...
-
HTTP 请求方法，用最简单的话讲清楚
你看，假设你走进一座图书馆。 图书馆里有一排一排的书架，每本书有一个编号。你想做几件事： 你想看一本书——拿下来，翻开，读。 你想放进一本新书。 你想换掉整本书——旧的那本不...
-
慢在哪儿？——聊聊前端性能优化这件事
我先说清楚一件事：大多数人一谈性能优化，脑子里立刻冒出一堆名词——压缩、缓存、懒加载、Tree Shaking……然后把它们当咒语一样背下来。这就好比，知道一只鸟叫"麻雀"，...
-
JavaScript 函数柯里化：把一个"大问题"拆成几个"小问题"
先从一个日常场景说起 假设你开了一家三明治店。每天早上，顾客排着队点餐： "我要一个面包，加生菜，加番茄，加牛肉。" 你的厨师每次都要听完整句话才开始做——面包、生菜、番茄、...
-
Reflect：打开 JavaScript 引擎的接线盒
一、先感受问题，再谈答案 假设你有一台自动售货机。你投币，按按钮，饮料掉出来。一切正常。 但有一天你想知道：这机器里面到底在发生什么？ 硬币检测器怎么工作的？推杆什么时候触发...
-
一文搞懂 Vue 事件总线
一、先搞明白问题：组件怎么通信？ Vue 组件之间默认的通信方式很清楚： 父 → 子：用 props 传数据（往下走） 子 → 父：用 $emit 发事件（往上走） 就像一家...