随笔分类 - 其它
摘要:介绍一下 Vue 3 项目的最佳工程化实践。以下是推荐的项目结构和关键实践: 一、TS src/ ├── main.ts # 应用入口文件 ├── App.vue # 根组件 ├── env.d.ts # 环境变量声明 ├── assets/ # 静态资源 ├── components/ # 全局通
阅读全文
摘要:基础插槽 什么是插槽? 插槽(Slot)是 Vue 提供的一个强大的内容分发机制,允许父组件向子组件注入内容。它使得组件更加灵活和可复用。 基础插槽示例 创建一个基础卡片组件 (UnnamedSlotCard.vue): <template> <div class="card"> <slot>默认内
阅读全文
摘要:要在你的 Vite + Vue 项目中添加并全面学习 Vue Router,可以从以下几个步骤和知识点开始: 1. 安装 Vue Router 在你的项目中,运行以下命令安装 Vue Router: yarn add vue-router@4 Vue Router 4 是专为 Vue 3 设计的版本
阅读全文
摘要:Vue Router 提供了 路由守卫(Navigation Guards)来控制路由导航的行为。这些守卫可以用于在路由跳转之前、跳转之后或路由离开时,执行某些操作,比如验证用户身份、权限控制、数据加载等。 Vue Router 路由守卫的分类 全局守卫: beforeEach:在每次路由跳转之前触
阅读全文
摘要:在 Vite 中将 Vanilla 项目升级为 Vue 3 项目有一套简单的最佳实践步骤。这些步骤可以帮助你将 Vue 集成到现有的 Vite 项目中,并确保项目结构合理、易于维护。以下是推荐步骤: 1、安装 Vue 相关依赖 在你的项目中,运行以下命令来安装 Vue 3 和 Vite 的 Vue
阅读全文
摘要:要在 Vite 项目中安装并使用 Element Plus,可以按照以下最佳实践步骤进行操作: 1. 安装 Element Plus 首先,通过 yarn 安装 element-plus 包: # 安装 element-plus yarn add element-plus 2. 安装相关依赖(如需要
阅读全文
摘要:环境变量的基础概念 在 Vite 项目中,环境变量是一种在不同环境(开发、生产、测试等)之间切换配置的有效方式。Vite 提供了一套完整的环境变量解决方案。 环境变量命名规则 以 VITE_ 开头的变量会被暴露给客户端代码 其他变量仅在构建过程中可用 VITE_API_URL=http://api.
阅读全文
摘要:在现代 Vue 工程化项目中,通常推荐使用 Pinia(或 Vuex)来管理状态,而不是直接使用 localStorage。我来解释下具体原因和使用方式: 1、为什么使用 Pinia 替代 localStorage: // 使用 Pinia 的优势: - 状态集中管理,更容易维护 - 支持响应式 -
阅读全文
摘要:这段代码中包含了以下几个现代 JavaScript 的语法特性: 可选链运算符 (?.) 逻辑或运算符 (||) 空值合并运算符 (??) 让我们逐一分析这些语法,以及它们在代码中的作用。 1. 可选链运算符 (?.) 语法含义: 可选链运算符 ?. 用于安全访问对象属性或调用方法。如果链式访问中的
阅读全文
摘要:组件导航守卫通常用于处理组件级别的特定逻辑。以下是一些常见的使用场景: 1、表单数据保存提醒: <template> <div> <form @submit.prevent="handleSubmit"> <input v-model="formData.name" /> <!-- 其他表单字段 -
阅读全文
摘要:Composition API 相比 Options API 的优点主要体现在代码的灵活性、可重用性、逻辑组织等方面,尤其是在大型项目或复杂组件中更为显著。 1. 更好的逻辑组织 在 Options API 中,组件的不同逻辑通常分散在 data、computed、methods、mounted 等
阅读全文
摘要:这里写了一个基于Qt5的控制台的小代码: #include <QCoreApplication> #include <QDebug> int main(int argc, char** argv) { QCoreApplication a(argc, argv); qDebug() << "Appl
阅读全文
摘要:有这么一个需求,要在本机的wsl-ubuntu上面安装mysql-server,需要做到与windows下mysql-server一致不区分大小写,有的副本比较容易配置成功,有的比较折腾,所以有了本文的想法,将已经配置好的wsl-ubuntu分发出来,备份到需要的机器上面去 mysql> selec
阅读全文
摘要:在Ubuntu系统中使用apt安装完成Mysql8.0以后,发现数据库对大小写是敏感的,即只能查询到大小写完全匹配的表名和字段名。这时需要设置 lower_case_table_names=1来解决这个问题。具体属性如下(在 Unix 上lower_case_table_names 的默认值为 0,
阅读全文
摘要:从2023-01-27后VCPKG中VTK的Qt特性已升级到Qt6 通过查看vtk的更新的日志已于2023-01-27将默认依赖的Qt的版本由5更新到6 git log -- .\ports\vtk commit 27fb19bdcc1f6ddb1261cffb5372724ac1d63a93 Au
阅读全文
摘要:一、相机靶面(Sensor Size)的基本概念 相机靶面,即相机内部的图像传感器尺寸,是衡量相机性能的重要指标。靶面尺寸越大,通常意味着相机能够捕获更多的光线和细节,具有更好的低光表现和更浅的景深效果。靶面尺寸的大小直接影响着相机的图像质量和使用场景。 二、特定靶面尺寸的理解:以2/3英寸为例 在
阅读全文
摘要:前不久使用Docker的方式部署BaGet, 最后放弃了,个人使用的云主机配置有限所以作罢,时至今日2022/6,一个偶然又进入了BaGet (loic-sharma.github.io),有了直接使用dotnet sdk运行的方式,那么下面就简单的记录一下部署的过程 下载 下载发布包中的压缩包,解
阅读全文
摘要:简述 顾名思义,nmcli就是NetworkManager的cli(命令行) 语法 nmcli [OPTIONS...] { help | general | networking | radio | connection | device | agent | monitor } [COMMAND]
阅读全文
摘要:本文适用于已经安装WSL1的系统。 0. 查看当前WSL版本号 打开PowerShell,执行命令 可以看到WSL版本号。如果WSL版本号是1,则需要进行一些操作,才能升级到WSL2。 1. 检查运行WSL2的系统要求 WSL2对系统版本有一定要求,键盘选择Win + R,输入winver,点击回车
阅读全文
摘要:Shell脚本教程速查 #!/bin/sh # ARGUMENTS := <ifname> ([+|-]<setting>.<property> <value>)+ # Modify one or more properties currently active on the device with
阅读全文