JXDN.-优快云博客

原创适用于Vue、React、Angular、Ts和Js毫秒级计时器，包括正、倒计时

使用 `setInterval` 定时器加上 `performance.now()` 来实现一个毫秒级的计时器，支持正、倒计时功能，适用于Vue、React、Ts和Js。

2024-06-25 11:59:53 753 6

原创你写的深度克隆真的“深度”吗？

这里是写给新入门的前端开发同学看的，前端大佬自觉跳过。首先我们要明白一个问题，那就是** 什么是深度克隆？为什么要去进行深度克隆？**下面我来一一解答。** 什么是深度克隆？**笼统的讲就是拷贝一个对象以及他嵌套的所有子对象、数组和属性然后形成一个完全独立（和原对象没半毛钱关系）的副本，你对这个副本进行修改都不会影响到原对象的数据，这就叫做深度克隆。** 为什么要去进行深度克隆？**因为在JavaScript中，对象和数组是通过** 引用 **传递的。

2024-06-21 09:38:47 375

原创在vue中定义一个防抖ref

在vue的开发过程中，我们通常会使用到ref，但在我们需要对一个频繁的赋值操作做防抖操作时，我们通常只能通过编写一个独立的防抖函数来实现，这样相对会多一些步骤（麻烦一些）。此时，我有一个简洁的方法，就是我们可以自定义一个带有防抖功能的ref函数来实现给响应式数据赋值时就实现防抖，这样不仅可以直接使用v-model来实现实时更新，而且不需要再编写任何方法。在vue3中，提供了一个。方法，这个方法可以自定义一个ref函数，我们只需要对这个ref函数进行小小的改造即可实现我们想要的效果。

2024-06-19 09:48:15 371

原创 Ts中never类型的妙用

当我们在一个项目中，可能会去改动一个在整个项目中应用很广泛的函数的参数类型，但是可能由于代码量比较庞大，我们不好排查改了之后哪些地方会出现问题，此时我们可以使用never类型来辅助我们的函数，当我们在原有的类型基础上添加了新的类型时，可能会导致else分支中的代码逻辑出现问题，此时我们可以向下面这样写来校验。

2024-06-19 09:47:48 296