摘要：
在 Vue 中，@click 代表点击事件（单击）。对于双击、右击等其它鼠标操作，Vue 提供了对原生 DOM 事件的支持，你可以直接使用标准的 HTML DOM 事件名称，以下是一些常用事件： 鼠标相关的事件 单击事件 (click) <button @click="handleClick">单击 阅读全文
摘要：
js 向已有数据的json对象当中添加数据 要向已有数据的 JSON 对象中添加数据，你可以通过以下几种方法： 直接赋值：可以直接为已有 JSON 对象的属性赋新的值。如果属性已经存在，则会覆盖原有值；如果属性不存在，则会添加新的属性。 let data = { name: "John", age: 阅读全文
摘要：
前端 emit 与 mitt 的区别？ emit 和 mitt 都涉及事件的发布与订阅，但它们的实现方式略有不同。 emit: emit 是 Node.js 中 EventEmitter 类的方法，也被广泛用于许多 JavaScript 库和框架中。 通常用于发布事件，即触发已注册的事件监听器。 在 阅读全文
摘要：
Vue3中的生命周期 1、setup() : 开始创建组件，在 beforeCreate 和 created 之前执行，创建的是 data 和 method 2、onBeforeMount() : 组件挂载到节点上之前执行的函数； 3、onMounted() : 组件挂载完成后执行的函数； 4、on 阅读全文
摘要：
在Vue 3中防止事件冒泡，你可以使用事件修饰符 .stop 或 .prevent。.stop 用于阻止事件冒泡，而 .prevent 用于阻止默认行为。下面是一个示例： <template> <div @click.stop="handleClick"> <button @click.preven 阅读全文
摘要：
sql当中的case when then end可以通过IF(condition, res1, res2) 代替，demo如下： case when then end: select iio.id, iio.ywdh, iio.counter_param, iio.out_order_no, iio 阅读全文
摘要：
通过 @Value注解 读取到的配置文件内容，是不能够在静态方法里面使用的。除非是静态属性。但是静态属性@Value注解又会失效，读取不到该怎么办呢？ 通过 @PostConstruct 注解或者 @Autowired注解来操作，具体方法如下代码： @Component public class A 阅读全文
摘要：
vue3 当中 ref 与 reactive 的区别 ref 和 reactive 都是 Vue3 中的响应式数据的实现方式。 ref 主要用于将普通的数据类型包装成响应式对象，通过 .value 属性来访问该值，当值被修改时会触发视图的更新。例如： import { ref } from 'vue 阅读全文
摘要：
问题： git config --list --global 查看到有失效的 credential 解决： 1、删除原有的 git config --global --unset credential.http://120.226.185.221:9999.provider 2、添加新的 git c 阅读全文
摘要：
防抖：触发高频事件后 n 秒后函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间。 节流：高频事件触发，但在 n 秒内只会执行一次，所以节流会稀释函数的执行频率。 lodash 1、安装 yarn add lodash 或 pnpm i loadsh 2、局部引入并使用 import 阅读全文
摘要：
前两天遇到一个有意思的问题，服务部署到9000端口，启动的时候一直报端口被占用，但是这个端口我一直没用，不知道什么服务所以没有办法查杀； 于是问了GPT，发现有很多方法可以查杀 1. 使用 netstat 命令： netstat -tuln | grep :<端口号> netstat -nlp|gr 阅读全文
摘要：
Lombok @Accessors(chain=true) 链式访问，该注解设置chain=true，生成setter方法返回this（也就是返回的是对象），代替了默认的返回void。 @Cleanup 可以生成对资源进行关闭的代码，无须手动通过try-catch-finally代码块判断并关闭所有 阅读全文
摘要：
1、以管理员方式启动 windows PowerShell 2、执行代码 Get-AppXPackage -AllUsers | Foreach {Add-AppxPackage -DisableDevelopmentMode -Register "$($_.InstallLocation)\App 阅读全文
摘要：
何时使用样式穿透？ • 修改第三方组件库的样式； • 修改其他组件的私有样式（其样式使用了 scoped 属性）。 一、样式穿透的实现方式 从兼容低版本的视角看。 • >>>： o 适用于 css、less 和 stylus。 o 语法：外层容器 >>> 组件 { }，例如：#app >>> el- 阅读全文
摘要：
小程序自带的监听器 Observer，可以通过 this.observer() 方法来设置监听器，代码示例： Page({ data: { name: 'John', age: 25 }, onLoad: function () { // 设置监听器，监听 data 中 age 值的变化 this. 阅读全文
摘要：
实现大文件增量上传的云同步方案，需要解决以下几个关键问题： 数据变化检测：判断文件的哪些部分发生了变化。 分块传输：将文件拆分为多个块，并只传输发生变化的块。 可靠性与完整性校验：确保传输数据的正确性和安全性。 存储与版本控制：在服务器端存储完整文件，同时支持多版本管理。 以下是几种实现增量上传的技 阅读全文
摘要：
一般浏览器出于安全性考虑，对本地文件的操作权限（读取、编辑、保存）是非常有限的。所以一般处理文件都是通过先上传再操作的方式，也就是先将文件上传到服务器，再由服务器进行操作，然后再进行保存。 有没有不通过服务器直接操作本地文件呢？当然可以，通过 File System Access API 方式，它是 阅读全文
