引入包 新建excel.js src文件夹下新建一个libs文件夹，新建一个excel.js vue页面 效果展示 参考文档 Vue2 导出excel xlsx npm包地址 总结 通过上述简单的步骤

什么是观察者模式维基百科对观察者模式的定义如下：说的简单些，就是在数据发生改变时，对应的处理函数自动执行。维基的定义中涉及到了主动发出通知，按照这种方式，在angularJS中的事件广播更是中规中矩，

观察者模式中通常有两个模型，一个观察者（observer）和一个被观察者（Observed）。从字面意思上理解，即被观察者发生某些行为或者变化时，会通知观察者，观察者根据此行为或者变化做出处理。那么具体如何操作呢，接下来我们就用JavaScript代码实现一个下图👇所示的观察…

web UI中DOM节点跨层级的移动操作特别少，可以忽略不计。 拥有相同类型的两个组件将会生成相似的树形结构，拥有不同类型的两个组件将会生成不同树形结构。 对于同一层级的一组自节点，他们可以通过唯一id进行区分。 react对树的算法进行了分层比较。react 通过 updat…

全文14200多字，平均阅读20分钟，坚持看完你会有收获，还望支持，不对的地方望指正，提出建议。 前不久 Vue3的RC 版本终于发布，一直没时间研究，这篇文章我将以下面的结构，为大家整体梳理下Vue3，顺便对比下vue2.x和react hook结合着带大家看看，可能有些长，…

传入的事件会自动生成并缓存一个内联函数再cache里，变为一个静态节点。这样就算我们自己写内联函数，也不会导致多余的重复渲染 真是优秀啊

所谓 diff 算法，就是通过比对新旧两个虚拟节点不一样的地方，针对那些不一样的地方进行新增或更新或删除操作。接下来我们详细介绍节点更新的过程。

很多时候我们使用的滚动效果都是类似于锚点那种，一闪而过，给人的体验十分不友好。所以这里介绍一些平滑滚动的方式。 一般我们使用auto和smooth就可以了，smooth表示滚动很平滑，有过渡效果，auto没有过渡效果，一闪而过。 我们一般回到顶部的话把这个属性设置在html上即…

Vue.js 最核心的功能有两个，一是响应式的数据绑定系统，二是组件系统。本文仅探究双向绑定是怎样实现的。先讲涉及的知识点，再用简化得不能再简化的代码实现一个简单的 hello world 示例。 ​ 访问器属性是对象中的一种特殊属性，它不能直接在对象中设置，而必须通过 def…