自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 HTML语义化

例如有一篇文章,标题使用<h1>标签,内容使用<p>标签。HTML语义化是指在编写HTML代码时。使用对应的标签来描述对应的内容。

2024-11-09 08:00:00 87

原创 JavaScript 的本地存储的方式有哪些?

cookie是服务器发送给浏览器的一小段信息,浏览器会保存起来,一般用于辨别用户身份。

2024-11-08 10:11:02 375

原创 回流和重绘

触发回流后,一定会触发重绘。

2024-11-07 15:53:01 153

原创 Vue 3 项目里通过自定义指令实现图片懒加载

是VueUse里面用于检测目标元素是否在可视区域的一个函数。注:本文使用了Vue中自定义指令和插件结合的方法实现。的基础知识请移步Vue官方文档。本文只说明代码如何实现,例如。

2024-10-22 17:02:00 277

原创 JavaScript 中的防抖和节流(简易版)

防抖:类似于王者荣耀里的回城,如果在回城过程中被打断了,就要重新点击回城。节流:类似于王者荣耀里的放技能,释放了当前技能,技能会处于冷却期,无法点击。注:个人理解,仅供参考。

2024-10-21 20:27:56 307

原创 初次使用 git cz 时遇到的错误

根据报错语句中的路径,找到文件“.czrc”,将该文件的编码改为。

2024-10-08 17:13:55 124

原创 Vue 3 中的 defineAsyncComponent()

定义一个异步组件,它在运行时是懒加载的。它允许在组件加载时按需加载,从而提高应用的性能和响应速度。

2024-08-30 17:20:49 627

原创 Vue 响应式进阶:shallowRef

的浅层作用形式,它只跟踪引用本身的更改,而不跟踪其内部属性的更改,只有对。

2024-08-28 17:13:26 573

原创 JavaScript 中 var、let、const 的区别是什么

【代码】JavaScript 中 var、let、const 的区别是什么。

2024-08-14 11:06:50 449

原创 <script> 标签放在 <head> 中和放在 <body> 底部的区别

建议:将 标签放在 的底部。

2024-08-13 14:49:19 433

原创 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 中的数据类型

JavaScript 中的数据类型主要分为两类:原始类型和引用类型。

2024-07-29 10:34:10 538

原创 JavaScript如何实现包含数字和非数字字符的字符串的自然排序

是一种字符串排序算法,它在排序含有数字的字符串时,能够。在标准的字典序排序中,数字会被视为一系列的字符,这会导致一些不符合直觉的排序结果,比如 "file10" 会被排在 "file2" 之前,因为 '1' 的ASCII码小于 '2'。会识别数字序列,并将其作为一个整体来进行比较。这意味着 "file10" 将会被正确地排在 "file2" 之后,因为在自然排序中,数字 10 实际上大于 2。

2024-07-19 17:05:14 990

原创 在 Vue 3 中如何实现鼠标长按效果

以一个场景为例:鼠标单击可以加1,鼠标长按可以持续加1。

2024-07-18 20:59:55 965

原创 设置div里面的两个元素放在首尾两端,并垂直居中

【代码】设置div里面的两个元素放在首尾两端,并垂直居中。

2024-07-16 20:53:28 283

原创 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

原创 Vue 3 中依赖注入(provide和inject)的使用

当多个组件出现如下图所示的情况可使用:(详细介绍请移步。

2024-07-12 16:29:33 356

原创 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关注的人

提示
确定要删除当前文章?
取消 删除