对于希望提升自己前端架构能力，写出更优雅代码的前端同学， vue源码绝对是你成功路上的垫脚石,但由于尤大实现的vue源码库有许多对于一些边缘情况的判断逻辑， 所有这篇文章希望和大家一起从头实现一个简单

问题 发现了一个问题，多级嵌套的路由缓存页面没有生效。网上其实有一些是把路由拍平，然后再去处理菜单，但是我觉得还不如从根源上去解决这个问题。顺带了解一下keep-alive的工作原理。 实际就是根据组

一. 基本用法 bind:只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个绑定时执行一次的初始化动作。 inserted:被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于document中）。 update:被绑定于元素所在的模板更新时调用，而无论绑…

单元测试允许你将独立单元的代码进行隔离测试，其目的是为开发者提供对代码的信心。通过编写细致且有意义的测试，你能够有信心在构建新特性或重构已有代码的同时，保持应用的功能和稳定。 环境搭建好之后，就可以愉快的做vue单元测试了；这里会通过一个TodoList应用来简单介绍一下怎么在…

本文主要介绍 Vue3 路由过渡的基础知识，与Vue2的区别。 介绍 4 种用的最多的路由动效，可用于实战中。

方案一利用v-if来触发组件重新渲染，达到刷新页面的目的方案二利用v-key的变化来触发页面更新

有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就需要用到keep-alive组件。 如果未使用keep-alive组件，则在页面回退时仍然会重新渲染页面，触发created钩子，使用体验不…

作者简介：koala，专注完整的 Node.js 技术栈分享，从 JavaScript 到 Node.js,再到后端数据库，祝您成为优秀的高级 Node.js 工程师。【程序员成长指北】作者，Github 博客开源项目 https://github.com/koala-codi…

防抖节流作为前端面试经典手撕代码题，掌握防抖和节流是一个前端开发人员工程能力的体现，不会封装防抖和节流？一起来学习吧~🙆‍♂️