vue3源码学习-1-生成配置信息 发表于 2024-01-11 更新于 2025-03-09 分类于 thinks 前言 本次主要学习目标是构建一个vue3源码的工程项目。需要用到 monorepo来作为项目管理的主体。 pnpm作为包管理(pnpm作为新型的包管理器,最大优势,快,小 语法选择typescript,目前较为流行的编程语言,JS的扩展版 项目的文件构成截图 开始项目搭建 新建一个文件夹名字就称为v 阅读全文 »
vue3源码学习-2-实现构建流程 发表于 2024-01-11 更新于 2025-03-09 分类于 thinks 前言 通过源码学习笔记1的实验操作,得到了个基础模版。那么接下来,我们需要实现构建流程,让我们的项目能打包运行。 构建流程 此处我们修改一下tsconfig.json里面的strict为false,暂时不用严格模式 我修改一下packages.json的配置文件,新增一个dev的命令 { 阅读全文 »
vue3源码学习-3-实现reactivity 发表于 2024-01-11 更新于 2025-03-09 分类于 thinks 前言 经过前面的环境搭建以及项目构建,完成了基础的项目框架,下面学习实现vue3的reactivity。 观察官方如何使用 首先修改.npmrc文件 阅读全文 »
vue3源码学习-5-分支切换 发表于 2024-01-11 更新于 2025-03-09 分类于 thinks 前言 上篇回顾,核心代码逻辑是通过reactive中的Proxy()来代理一个对象,然后通过get收集依赖,主要操作放在来effect中。那么当我们回顾上一篇的问题。当用户有一个这样当操作 const {effect,reactive} = VueReactivity;let target = { 阅读全文 »
TypeScript--装饰器 发表于 2024-01-11 更新于 2025-03-09 分类于 share 前言 TypeScript中的装饰器是一种特殊的语法,可以用来修改类、方法、属性或参数的行为。装饰器是一种函数,它接收一个目标对象或一个属性描述符作为参数,并可以返回一个新的对象或属性描述符,或者不返回任何值。装饰器可以用来实现一些常见的编程模式,例如依赖注入、日志、缓存、验证等。 使用 要使用装饰 阅读全文 »
Vim 安装插件管理器 vim-plugin 发表于 2024-01-11 更新于 2025-03-09 分类于 other 插件安装 Vim本身也有很多插件,而插件管理器有很多,比较火的这个vim-plugin是一个异步更新的管理器。 首先去vim-plugin 执行对应版本的命令,例如mac(unix) curl -fLo ~/.vim/autoload/plug.vim --create-dirs \\ 阅读全文 »
Vue3 + Vite + Ts + Axios + Pinia + VueRouter 配置教程 发表于 2024-01-11 更新于 2025-03-09 分类于 share 说明 本文记录一下Vue3的一个基本的开发框架的搭建。主要在公司开发业务,主体框架不用每次都搭建。时间长了就容易忘记了,当初的框架如何搭建的。文章记录的框架搭建的主要实现功能如题,然后研究一些快捷的操作。例如,ts定义的空间自动导入等等。 工具介绍 Vite 是一种新型前端构建工具,能够显著提升前端 阅读全文 »
Vue3和Vue2的一些写法区别 发表于 2024-01-11 更新于 2025-03-09 分类于 thinks 摘要 本篇记录vue3和vue2在实现相同的逻辑上的一些语法差异,持续更新。 事件绑定 在开发过程中会遇到需要定制一些video或者audio播放组件,需要用到一些原生的事件。但是vue3和vue2原生事件的绑定是不一样的。 例如下面的音频播放组件 vue2中只需要在mounted(组件渲染完成的时 阅读全文 »
Vue3小技巧-业务逻辑Hooks封装 发表于 2024-01-11 更新于 2025-03-09 分类于 share 前言 随着Vue更新到3.x版本,出现了一个新的代码组织方式-组合式API。以前Vue2.x到代码书写风格是选项式 API。 具体可以去vue官网查看 但是在实际代码编写过程中,组合式API一大坨代码都放在一起。不利于后期代码维护,本人小菜鸟一枚就思考是否有什么设计模式或者什么解决的方法。一开始采用 阅读全文 »
ProxmoxVE(PVE) 7.0配置国内软件源并删除订阅弹窗 发表于 2024-01-11 更新于 2025-03-09 分类于 share 说明 由于PVE 7.0更换了Debian 11作为内核,软件源管理方式也发生了变化,因此原软件源配置方法已失效。 默认情况下是企业订阅版,如果不进行修改,在使用pveceph init进行ceph初始化安装时会破坏整个环境 阅读全文 »