MicroMatrix

我的博客

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

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

前言 上篇回顾,核心代码逻辑是通过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一大坨代码都放在一起。不利于后期代码维护,本人小菜鸟一枚就思考是否有什么设计模式或者什么解决的方法。一开始采用
阅读全文 »
0%