为什么用lottie★~★1.能让你的程序不那么单调2.能让一些有审美强迫症的同学好受一点3.网上有丰富的资源点我进入lottie资源网站引入lottie库（>.<）在vue中引入lottie非常非常

🔥这周我看了看了尤大神亲手写的mini版Vue3，笔记如下请大家指正。 1. 数据响应式模块 提供创建一切数据变化都是可以被监听的响应式对象的方法。 2. 编译模块 3. 渲染函数 MVVM框架其实就是在原先的View和Model之间增加了一个VM层完成以下工作。完成数据与视…

每个 Vue 实例在被创建时都会经过一系列的初始化过程。例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。 为了让开发者在Vue实例生命周期的不同阶段有机会插入自己的代码逻辑，vue提供了一种叫做生命周期钩子的函数。主要的生命周期钩子如下：…

Vite(读音类似于[weɪt]，法语，快的意思) 是一个由原生 ES Module 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。 为了实现上述特点，Vite 要求项目完全由 ES Module 模…

这样封装在使用时会出现一个隐蔽的bug，就是在输入指令中正则限制以外的字符时，视图中输入框显示是正确的，但是在浏览器控制栏Vue Devtools中的testValue最后一位字符是最后输入的时的字符。 比如输入abc、123abc输入框内是 、123，但实际testValue…

对于Vue.js技术栈，我们的第一想法有可能就是容易上手，对于新手比较友好。确实如此，笔者刚刚入手的时候，觉得比较容易，而且在使用的过程中，也感觉到了它的强大。 最近在准备面试，只知道Vue.js的使用是远远不够的，所以开始剖析Vue.js的源码。下面一步一步讲解其原理以及实现…

大家应该都知道操作Dom代价是昂贵的，因为操作Dom其本质是两个线程（JS引擎和GUI渲染引擎）间发送指令（通信）的过程，并且浏览器在创建初始化一个元素时，会为其创建很多属性，因此，在大量操作Dom的场景下，通过一些计算来尽可能少地操作Dom，保证了性能的下限。当然Dom Di…

本篇文章由阅读《Vue.js应用测试》书籍、学习《Vue Test Utils》官网知识以及实际工作经验总结而来，阅读书籍请支持正版。 前端应用程序主要编写三种测试类型：单元测试、快照测试、端到端测试。本篇文章着重介绍Vue组件的单元测试和快照测试，对于端到端测试请自行搜索相关…