如果表结构使用标志位进行软删除，比如： CREATE TABLE `tb_user` ( `id` bigint unsigned NOT NULL AUTO_INCREMENT, `nickname` varchar(20) NOT NULL, `name` varchar(20) NOT NULL, `age` tinyint unsigned DEFAULT NULL, `del_flag` tinyint NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAUL…

Pinia 是一个 Vue3 的集中式状态（数据）管理库。 搭建测试项目 先创建一个 Vue3 项目，添加两个组件。 src\components\Count.vue： <template>  <div class="count">    <h2>当前求和为：{{ sum }}</h2>    <select v-model.number="n">      <option value="1">1</option>      <…

好的主题可以帮助从视觉上更直观地分辨工程目录下不同用途的目录和文件，比如： 不同文件的用途一目了然。 可以通过 Material Icon Theme - Visual Studio Marketplace 查看和安装该主题。 参考资料 🗂 让你的 VSCode 文件图标更好看的10个文件图标主题一个好用的文件图标主题除了能够愉悦身心之外，对于开发的效率 - 掘金

路由器和路由 新建一个 Vue3 项目，创建一个简单的 App.vue： ​ <template>  <div class="app">    <h2 class="title">Vue路由测试</h2>    <!-- 导航区 -->    <div class="navigate">      <a href="#" class="active">首页</a>      <a href="#">新闻<…

一直都在 Windows 下使用 CapsLock+，感觉是笔记本打字员/开发者必备的工具。最近开始在 Linux 上码字，找一个替代品/方案就是必然的事情了。 这里使用的是 keyd ，这是一个 Linux 平台的开源工具，可以用它实现自定义键盘映射。 首先下载源码到指定目录（推荐/opt）： git clone https://github.com/rvaiya/keyd /opt目录需要root权限，可以先用su切换到超级管理员权限。 安装： cd keyd/ make make install 启动服务： …

通常使用下面的方式为 NPM 设置镜像： npm config set registry https://registry.npmmirror.com 用下面的命令可以恢复镜像为官方镜像： npm config set registry https://registry.npmjs.org 如果要查看当前使用的镜像： npm config get registry NRM 更推荐的方式是使用 nrm 工具管理 NPM 镜像，这个工具同样使用 NPM 安装： sudo npm install -g nrm 因为要使用…

ref 属性 如果需要获取一个 DOM 元素，传统的 JS 方式是： <template>    <div class="person">        <h1>中国</h1>        <h2 id="city">北京</h2>        <h3>大兴区</h3>        <button @click="showDom">显示dom元素</button>    </div&g…

本文使用的 Linux 发行版是 Ubuntu 24，如果是其他发行版过程可能略有出入。 通过 Typora 官网 下载 deb 安装包，后面使用的激活工具只能激活 1.9.x 之前的版本，推荐选择 1.9.3 版本。 使用包管理工具安装： sudo dpkg -i typora_1.9.3_amd64.deb 激活工具依赖 node.js，如果没有同样需要安装，可以通过以下命令判断有没有： node --version 安装 node.js： curl -fsSL https://deb.nodesource.c…

本文转载自掘金，原作者HollisChuang 在电商、支付等系统中，一般都是先创建订单（支付单），再给用户一定的时间进行支付，如果没有按时支付的话，就需要把之前的订单（支付单）取消掉。这种类似的场景有很多，还有比如到期自动收货、超时自动退款、下单后自动发送短信等等都是类似的业务问题。 本文就从这样的业务问题出发，探讨一下都有哪些技术方案，这些方案的实现细节，以及相关的优缺点都有什么？ 因为本文要讲的内容比较多，涉及到11种具体方案，受篇幅限制，这篇文章主要是讲方案，不会涉及到具体的代码实现。 因为只要方案搞清楚了…

单向绑定和双向绑定 看一个示例： <template>    <div class="person">       姓：<input type="text" v-bind:value="firstName" />        <br />       名：<input type="text" v-bind:value="lastName" />        <br />       全名：????    </div> </…