Betty

Vue3和vue2新增属性触发更新对比。vue2借助的是新增属性的那个对象访问的时候收集的依赖，vue3则是proxy代理后在遍历时进入ownKeys拦截方法中定义的特殊的...

Vue 和 React 渲染过程的区别 在 web 应用中，我们的页面是由 DOM 渲染而成。在早期，web 应用还不是很复杂，通常是直接编写 html ，通过 js 去操...

web 应用渲染方式的演变：SSR => CSR => SSR => RSC SSR 在 web 应用早期时代，view 层仅仅是 web 架构中很轻量的一层，以 PHP，...

为什么需要并发模式 因为 javascript 和 UI 渲染是在同一个线程交替进行的，所以当 javascript 执行时间过长会导致页面卡顿。要解决这个问题需要合理的调...

React hook 帮助我们很方便管理我们的组件的状态，但是组件中的 hook 状态是局部的，如果我们想要使用全局的 hook ，需要通过 Context 进行管理。 但...

代理模式 介绍：它为目标对象创造了一个代理对象，以控制对目标对象的访问。现实中房产中介，明星经纪人，律师等都是代理模式。 实现房产中介场景 房东把房子代理给中介管理，一个中...

1. 通过注入next，决定什么时候执行队列下一方法...

iterator是遍历数据结构（Object,Array,Set,Map等）提供的统一接口。 刚接触的小伙伴肯定和我当初一样，对这概念一脸懵逼。我们先看一下它大概长什么样 ...

这还不够简便，我们开发中总是手动执行一下next会很烦，有没有可能让next方法也自动实现呢。这就需要借助promise函数，在promise中异步执行完毕执行resolv...

webpack是模块化打包工具，可以加载多种资源的模块，我们这里只实现加载js模块的功能（主要其他的我不会）。 先看下流程图，这是我们要实现的功能，把main.js模块依赖...

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。这是官方的定义，言外之意有3层意思。 但是我们又会遇到一个问题？commit提交的时候，异步之后修改stat...

响应式原理也就是vue管理的数据变化，会通知相应的视图更新。 我们都知道vue的响应式是基于Object.definePreperty实现的，但他究竟怎么观测data，并响...

最近接到一个需求，针对公司的组件库开发一个文档。刚开始接到这个需求的时候一头雾水。但仔细分析会发现，一个ui库主要有三部分组成： 但是这样的组件库要怎么开发呢，难道针对“使...

借助vue-loader我们可以把一个vue文件编译成一个组件的配置项对象，其中的template会被编译成render函数。 然后在我们new Vue(options)的...

不管是vue，react，angular还是svelte，开发时都会把一个页面拆分成粒度更小的组件，方便复用和维护。 所以组件间通信就变得异常重要，下面我们比较下vue和s...