- 博客(25)
- 收藏
- 关注
原创 Vue 3 项目里通过自定义指令实现图片懒加载
是VueUse里面用于检测目标元素是否在可视区域的一个函数。注:本文使用了Vue中自定义指令和插件结合的方法实现。的基础知识请移步Vue官方文档。本文只说明代码如何实现,例如。
2024-10-22 17:02:00
277
原创 JavaScript 中的防抖和节流(简易版)
防抖:类似于王者荣耀里的回城,如果在回城过程中被打断了,就要重新点击回城。节流:类似于王者荣耀里的放技能,释放了当前技能,技能会处于冷却期,无法点击。注:个人理解,仅供参考。
2024-10-21 20:27:56
307
原创 Vue 3 中的 defineAsyncComponent()
定义一个异步组件,它在运行时是懒加载的。它允许在组件加载时按需加载,从而提高应用的性能和响应速度。
2024-08-30 17:20:49
627
原创 JavaScript 中 call、apply、bind 的区别
call和apply都立即执行函数,并且都可以改变函数内部的 this 指向。bind创建一个新的函数,并改变了新函数内部的 this 指向,但并不会立即执行原函数。call和bind使用逗号分隔的参数列表来传递参数,而apply使用数组来传递参数列表。注意:三者第一个参数都是 this 要指向的对象,如果没有这个参数或参数为undefined或null,则默认指向全局window。
2024-08-12 16:20:38
297
原创 JavaScript 中的浅拷贝和深拷贝
浅拷贝是指仅复制对象的第一层属性。如果对象的属性是基本类型(如字符串、数字、布尔值),则会复制这些值;如果属性是引用类型(如对象、数组),则只会复制指向这些对象的引用,而不是对象本身。深拷贝是指不仅复制对象的第一层属性,还会递归地复制所有层级的属性。对于引用类型,会创建新的对象并将原对象内的属性也复制过去。
2024-07-31 10:58:23
573
原创 JavaScript 中的 == 和 ===
当使用进行比较时,JavaScript会先检查两边的类型是否相同。如果类型不一致,它会尝试自动进行类型转换,然后进行比较。
2024-07-30 10:19:52
377
原创 JavaScript如何实现包含数字和非数字字符的字符串的自然排序
是一种字符串排序算法,它在排序含有数字的字符串时,能够。在标准的字典序排序中,数字会被视为一系列的字符,这会导致一些不符合直觉的排序结果,比如 "file10" 会被排在 "file2" 之前,因为 '1' 的ASCII码小于 '2'。会识别数字序列,并将其作为一个整体来进行比较。这意味着 "file10" 将会被正确地排在 "file2" 之后,因为在自然排序中,数字 10 实际上大于 2。
2024-07-19 17:05:14
990
原创 Vue 3 中 defineExpose() 函数的使用
是 Vue 3 提供的一个 Composition API 函数,用于明确指定哪些内部响应式状态或函数可以被外部访问。
2024-07-14 13:16:51
1149
原创 Vue 3 中 toRaw() 函数的使用
在 Vue 中,响应式数据是框架的核心特性之一,但是,有时我们可能需要直接处理原始数据,而不经过 Vue 的响应式层。这就是函数的作用,返回的。
2024-07-13 14:55:05
308
原创 TypeScript中的联合类型
当不确定一个变量的具体类型时,联合类型可以派上用场。在这个例子中,input可能是一个字符串或null,而函数的返回值也可能是string或null。
2024-07-11 20:59:46
179
原创 TypeScript中的接口(Interface)
在TypeScript中,接口(Interface)是一种描述对象的类型定义。它规定了对象应该具有哪些属性、方法以及构造函数等,但并不提供具体的实现细节。接口主要用于描述对象的公共部分,确保对象符合预期的结构。
2024-07-10 21:38:32
150
原创 TypeScript 中的枚举(enum)
枚举可以被看作是一种特殊的对象类型,其中包含一组命名的常量。默认情况下,每个枚举成员都会自动分配一个从 0 开始的整数值,依次递增。也可以手动指定枚举成员的值。允许使用非连续的数字或甚至字符串值。
2024-07-09 20:57:07
244
原创 如何使用CSS优雅地处理溢出文本
需要注意的是,为了使text-overflow属性生效,white-space属性必须设置为nowrap,以防止文本换行。此外,overflow属性也必须设置为hidden或auto。
2024-07-08 21:25:47
364
原创 git 在克隆项目时如何处理换行符的问题
这会自动检测并转换 LF 换行符为 CRLF。如果你的系统原本使用的是 CRLF,此配置不会改变已有的换行符。这将把检测到的 CRLF 换行符转换为 LF。
2024-07-07 10:31:55
1705
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人