什么是响应式？Vue2的响应式以数据为中心的方式来构建用户界面。在Vue2中，响应式系统通过Object.definePropertyAPI实现，使得数据对象的属性能够被监听，当属性值发生变化时，与之相关的视图也会自动更新。具体来说，响应式系统包括以下几个关键概念：数据劫持Observer：使用Object.defineProperty来劫持数据对象的所有属性，为这些属性添加getter和sett…

Vue2和Vue3的响应式系统在实现上有显著的不同，主要体现在以下几个方面：实现原理的不同：Vue2的响应式系统主要基于Object.definePropertyAPI。它通过递归地为对象的每个属性添加getter和setter来实现数据的劫持和变化侦测。当属性被访问（getter被调用）时，Vue2会记录当前的依赖（Watcher），并在属性值发生变化（setter被调用）时触发更新。Vue3的…

MutationObserver可以用来监测DOM树中的节点变化，并在变化发生时执行相应的操作。也可以观察到节点的属性变化、子节点的增删以及其他相关变化demo-http://blog.example.hizhiji.com/#/example?post=21

在前端开发中，为了实现元素进入或离开视口时的操作，我们经常需要使用scroll事件。然而浏览器提供了一个内置的API，称为IntersectionObserver，可以简化这个过程。IntersectionObserver允许我们观察元素与视口的交叉状态。通过创建IntersectionObserver实例，我们可以定义一个回调函数，当被观察的元素进入或离开视口时，这个回调函数将被触发。我们可以使…

在前端开发中，我们经常需要监测元素的尺寸改变，以便调整布局或触发相应的操作。在过去，我们可能需要通过监听窗口的resize事件来实现这个功能，但这样的方法效率不高且复杂。在浏览器中，我们可以使用内置的ResizeObserverAPI来轻松地实现对元素尺寸改变的监听。ResizeObserverAPI允许我们创建一个ResizeObserver实例，用于观察元素的尺寸改变。我们可以将一个回调函数作…

防抖和节流都是通过控制函数的执行频率来提高性能和用户体验的技术。防抖只会在最后一次触发事件后执行一次函数，而节流会在固定的时间间隔内执行一次函数。具体使用哪种技术取决于不同的场景和需求。

基于elementuiel-table组件的二次封装，适用列表自动滚动。其中包括单行滚动、整页滚动（除表头外的可视区域）、像素滚动。

一个用来显示下载文件进度的功能，如果使用普通的组件的话，一种是要在需要用的地方引入，另外一种是在最外层引入，通过vuex或eventbus传递参数调用。上面两种方法有一个弊端就是。这个组件在不使用的情况下如果不使用v-if判断都是渲染在页面的，如果使用v-if判断。又需要通过vuexeventbus等注册并监听事件

基于elementui-plusel-sidebarMenu组件的二次封装，适用树状结构菜单，即子菜单有多少层不确定情况。

在Vue中，h函数是用于创建虚拟DOM（VirtualDOM）元素的辅助函数，它是Vue.createElement的别名。通常在编写自定义渲染函数时会使用h函数。h函数接受三个参数：