Hei_senberg

前言 这篇文章主要是想总结一下vue项目结构的环境搭建，方便后续可以在这个基础上总结一些比较常用功能的原理。vue3整体采用了Monorepo 的架构，所以我们很有必要先了解一下pnpm这个包管理工具

构建工具 什么是构建工具 vite和webpack一样都是一个构建工具，是一个可以让我们不用关心代码是如何在浏览器中运行的一个工具，构建工具帮我们解决了所有生产环境会遇到的问题，里面对一些处理工具进行

前言 这篇文章主要分享一下关于vue3中computed以及watch的实现原理，也是从最近读的《Vue.js设计与实战》这本书中学到了很多东西，这本书中讲得东西都比较通俗易懂，想要更深入了解vue3

前言 如图，在做项目的过程中需要加载上图中所有的svg图片，按照传统的方式肯定需要一个一个进行导入，非常繁琐并且耗时，接下来介绍一个好用的API可以帮助我们快速的完成这一步骤。 用法 requre.c

模块化比较简单但是比较重要，它是通向前端工程化的一个重要门槛，以前做一些页面效果，学了之后具备做大型应用的基础，使用webpack、vue、react都是建立在模块化的基础上的。 模块化发展史 第一阶

在ES6中新增了两种数据结构分别是Set和Map数据结构，下面就先来深度了解一下Map数据结构。 为什么会出现Map 我们知道Map和传统的对象使用的都是键值对的形式，但是传统意义上对象的键只能是字符

Diff算法介绍 在比较两组子节点（前文已经提到过）时用于比较的算法就叫做Diff算法，它的出现是为了减小操作DOM产生的性能开销，总的来说Diff算法的作用就是在比较一组新旧vnode子节点时能够以

回顾 前面已经讨论了对元素节点的挂载，下面再来看下如何对节点进行更新，首先先来回顾一下节点是如何被挂载的也就是mountElement函数的实现过程。 正文 首先我们要先清楚在一个HTML页面中，一个

在前面的文章中我们只了解一种vnode类型，就是描述普通标签的vnode（元素节点），我们使用type属性来描述元素的名称，值是一个字符串的类型，即： 在Vue中其实可以用虚拟DOM描述很多类型的真实