Laugh丶

web 应用渲染方式的演变：SSR => CSR => SSR => RSC SSR 在 web 应用早期时代，view 层仅仅是 web 架构中很轻量的一层，以 PHP，JSP 渲染为主。服务端拉取

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

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

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

不管是vue，react，angular还是svelte，开发时都会把一个页面拆分成粒度更小的组件，方便复用和维护。 所以组件间通信就变得异常重要，下面我们比较下vue和svelte的组件的通信方式。 在我们调用$on方法的时候，也就是会在该组件的callbacks上订阅传入的…

借助vue-loader我们可以把一个vue文件编译成一个组件的配置项对象，其中的template会被编译成render函数。 然后在我们new Vue(options)的时候传入组件配置项对象，组件内部进行一系列的初始化操作，并在相应的时机执行生命周期钩子函数。有了组件实例之…

最近接到一个需求，针对公司的组件库开发一个文档。刚开始接到这个需求的时候一头雾水。但仔细分析会发现，一个ui库主要有三部分组成： 但是这样的组件库要怎么开发呢，难道针对“使用文档”和“示例”还要单独开发一个项目。当然这种做法是不可取的，不然我们每次增加一个新的组件都要到“使用文…

响应式原理也就是vue管理的数据变化，会通知相应的视图更新。 我们都知道vue的响应式是基于Object.definePreperty实现的，但他究竟怎么观测data，并响应视图的变化。我们先看一个例子： 虽然实现了，但是乍一看，怎么这么辣眼睛呢，漏洞百出，没关系，我们一步一步…

webpack是模块化打包工具，可以加载多种资源的模块，我们这里只实现加载js模块的功能（主要其他的我不会）。 先看下流程图，这是我们要实现的功能，把main.js模块依赖的子模块打包到bundle.js ，最后执行bundle文件就能访问到各个模块依赖的资源。 首先我们需要通…