在面试中难免会被问到 Vue2 和 Vue3 的相关知识点的实现原理和比较，面试官是步步紧逼，一环扣一环。 Vue2 的数据响应式原理是怎么样的？ Vue3 的数据响应式原理又是怎么样的？

在真实的项目中其实很多时候都有接口请求已经发出，但还没响应完成就要取消请求的业务场景。 有可能这些场景我们不做处理也不影响功能正常使用，但如果做接口终止处理客户体验会更好并且也节省了服务器资源。

vue中的`diff`算法时常是面试过程中的考点，本文将为大家讲解何为`diff`以及`diff`算法的实现过程。那么在了解`diff`之前，我们需要先了解虚拟DOM是什么？

分享一些javascript手写题目，对于特别常见的题目最好能“背”下来，在面试的时候不需要再进行推导分析直接一把梭，这里的题目有一些是自己遇到的，也有收集到的，后续会整理分享一些其他的信息

一、WHAT：webpack 是什么 webpack 是一个静态模块打包工具，将我们项目中的每一个模块组合成一个或多个 bundles（包）。 与之相关的一些核心概念（在 webpack.config

我们在使用 Vue 或其他框架的日常开发中，或多或少的都会遇到一些性能问题，尽管 Vue 内部已经帮助我们做了许多优化，但是还是有些问题是需要我们主动去避免的。我在我的日常开中，以及网上各种大佬的文章中总结了一些容易产生性能问题的场景以及针对这些问题优化的技巧，这篇文章就来探讨…

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

前言 ​ 相信大部分同学在日常需求开发中或多或少的会有需要一个组件状态被持久化、不被重新渲染的场景，熟悉 vue 的同学一定会想到 keep-alive 这个内置组件。 ​ 那么什么是 keep-al

我们先从 WeakMap 的特性说起，然后聊聊 WeakMap 的一些应用场景。 1. WeakMap 只接受对象作为键名 2. WeakMap 的键名所引用的对象是弱引用 翻译过来应该是 WeakMaps 保持了对键名所引用的对象的弱引用。 只有当我们手动设置 obj = n…