初识 vite 原理，vite 是如何启动项目的
我们使用 vite 的时候，只需要在 package.json 中定义一个简单的命令，就可以启动项目，那么这个简单的命令，是如何启动 vite 项目的呢，下面我...
My Thinking in Public
Here I share my reflections on building products, writing code, and living a deliberate life.
拒绝复杂 if-else，前端策略模式实践
设计模式的重要性 为什么要学习和使用设计模式，我觉得原因主要有两点 解除耦合：设计模式的目的就是把 “不变的” 和 “可变的” 分离开，将 “不变的” 封装为统...
vue Router 4源码解析2：url 如何跳转
在上一篇文章我介绍了如何创建路由，下面我们来分析当输入一个 url 时，如何通过路由跳转到对应页面 基础概念介绍 先介绍一下浏览器的 window.locati...
vue Router 4源码解析：如何创建路由
Vue Router 基础使用 在 vue3 项目中使用 vue router，我们通常会在 /src/router 目录下定义 router 相关参数，然后在...
pinia 源码实现解析
基础介绍 pinia 是一个同时支持 Vue2 / Vue3 的状态管理工具，相比于 vuex，pinia 有三个优点 简化概念，只保留 state、gette...
vue3 源码学习：reactive 响应式原理
reactive 功能介绍 根据官方的推荐，reactive 通常用于创建响应式对象或者数组，本质上是对原始对象的代理，所以响应式对象和原始对象是不相等的 但是...
拒绝卡顿，element select 组件虚拟滚动优化
不知道大家在开发过程中有没有遇到这样一个场景，后端接口一次性返回上千条数据（比如国家地区），接口不支持分页，不能筛选，只能前端自己通过 select 组件全量渲...
vue3 源码学习：组件更新过程
在前一篇文章中，我介绍了 vue3 中组件初次渲染为 DOM 元素的过程，下面介绍一下当组件发生变化时，vue3 更新组件的过程 组件类型的 vnode 挂载的...