MicroMatrix

前言 本次主要学习目标是构建一个vue3源码的工程项目。需要用到 monorepo来作为项目管理的主体。 pnpm作为包管理(pnpm作为新型的包管理器，最大优势，快，小 语法选择typescript，目前较为流行的编程语言，JS的扩展版 项目的文件构成截图 开始项目搭建 新建一个文件夹名字就称为v

前言 通过源码学习笔记1的实验操作，得到了个基础模版。那么接下来，我们需要实现构建流程，让我们的项目能打包运行。 构建流程 此处我们修改一下tsconfig.json里面的strict为false，暂时不用严格模式 我修改一下packages.json的配置文件,新增一个dev的命令 {

前言 经过前面的环境搭建以及项目构建，完成了基础的项目框架，下面学习实现vue3的reactivity。 观察官方如何使用 首先修改.npmrc文件

前言 上篇回顾，核心代码逻辑是通过reactive中的Proxy()来代理一个对象，然后通过get收集依赖，主要操作放在来effect中。那么当我们回顾上一篇的问题。当用户有一个这样当操作 const {effect,reactive} = VueReactivity;let target = {

前言 TypeScript中的装饰器是一种特殊的语法，可以用来修改类、方法、属性或参数的行为。装饰器是一种函数，它接收一个目标对象或一个属性描述符作为参数，并可以返回一个新的对象或属性描述符，或者不返回任何值。装饰器可以用来实现一些常见的编程模式，例如依赖注入、日志、缓存、验证等。 使用 要使用装饰

插件安装 Vim本身也有很多插件，而插件管理器有很多，比较火的这个vim-plugin是一个异步更新的管理器。 首先去vim-plugin 执行对应版本的命令，例如mac(unix) curl -fLo ~/.vim/autoload/plug.vim --create-dirs \\

阅读全文 »

说明 本文记录一下Vue3的一个基本的开发框架的搭建。主要在公司开发业务，主体框架不用每次都搭建。时间长了就容易忘记了，当初的框架如何搭建的。文章记录的框架搭建的主要实现功能如题，然后研究一些快捷的操作。例如，ts定义的空间自动导入等等。 工具介绍 Vite 是一种新型前端构建工具，能够显著提升前端

摘要 本篇记录vue3和vue2在实现相同的逻辑上的一些语法差异，持续更新。 事件绑定 在开发过程中会遇到需要定制一些video或者audio播放组件，需要用到一些原生的事件。但是vue3和vue2原生事件的绑定是不一样的。 例如下面的音频播放组件 vue2中只需要在mounted(组件渲染完成的时

前言 随着Vue更新到3.x版本，出现了一个新的代码组织方式-组合式API。以前Vue2.x到代码书写风格是选项式 API。 具体可以去vue官网查看 但是在实际代码编写过程中，组合式API一大坨代码都放在一起。不利于后期代码维护，本人小菜鸟一枚就思考是否有什么设计模式或者什么解决的方法。一开始采用

说明 由于PVE 7.0更换了Debian 11作为内核，软件源管理方式也发生了变化，因此原软件源配置方法已失效。 默认情况下是企业订阅版，如果不进行修改，在使用pveceph init进行ceph初始化安装时会破坏整个环境