自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【前端学习-TypeScript】10-TS类型断言

类型断言类似于其他语言中的类型转换,但是不进行特殊的数据检查和解构它没有运行时的影响,只是在编译阶段起作用TypeScript会假设你,已经进行了必须的检查。

2025-07-22 11:06:32 1061

原创 【前端学习-TypeScript】9-TS联合类型

TypeScript联合类型允许变量接受多种类型中的一种,使用|符号分隔不同类型。文章介绍了联合类型的基本概念、定义语法和使用场景,包括函数参数多类型支持和处理null/undefined值。重点讲解了通过类型保护(typeof、instanceof、in操作符和自定义函数)访问联合类型特定属性的方法,并详细说明了可辨识联合类型的定义和使用。最后对比了联合类型与交叉类型的区别,并强调了类型收窄和never类型在联合类型中的重要性。文章参考了满神的B站TS教程,适合TypeScript开发者学习联合类型的核心

2025-07-22 11:03:38 1162

原创 【前端学习-TypeScript】8-TS交叉类型

本文介绍了TypeScript中的交叉类型(Intersection Types),使用&符号将多个类型合并为一个新类型,新类型包含所有被合并类型的属性。主要内容包括:1)基本语法和特点,展示如何组合接口;2)使用场景如混入模式、类型扩展;3)处理同名属性冲突的方法;4)与联合类型的区别;5)实际应用如API响应类型组合。特别指出当同名属性类型冲突时会导致类型变为never,并提供了解决方案。交叉类型适合需要同时满足多个类型约束的场景,而联合类型只需满足其中之一。

2025-07-22 11:00:57 377

原创 【前端学习-TypeScript】1-TS数据类型

本文介绍了TypeScript(TS)中的基本数据类型和特殊数据类型。基本数据类型包括string、number、boolean、null和undefined,以及void类型,详细说明了它们的定义和使用方法。特殊数据类型涵盖了any、unknown、never、tuple和enum等类型,重点阐述了any类型的灵活性、unknown类型的安全性要求、never类型的特殊用途以及tuple类型的固定长度特性。文章还对比了基本类型与构造函数类型的区别,并强调了类型检查在TS开发中的重要性。通过代码示例展示了各

2025-07-21 11:13:50 1709

原创 【前端学习-TypeScript】7-TS函数类型

本文总结了TypeScript中函数类型的使用方法,主要包括:1) 函数定义的两种方式(function和箭头函数);2) 参数处理技巧(可选参数、默认参数、剩余参数);3) 对象参数及this类型注解;4) 函数重载的实现;5) 函数类型表达式。文章还特别提醒了参数命名要求、void类型和Function类型的注意事项。通过多个代码示例详细说明了各种函数类型的应用场景,为前端开发者掌握TypeScript函数特性提供了实用指导。

2025-07-21 11:00:55 577

原创 【前端学习-TypeScript】6-TS元组类型

文章摘要:TypeScript元组类型是一种固定长度且每个位置类型可不同的特殊数组,适用于需要组合不同类型值的场景。文章介绍了元组的基本概念、定义方式、可选元素、只读元组、扩展运算符等特性,对比了元组与数组的差异,并展示了函数返回多个值和解构赋值等实际应用。元组通过严格的类型检查,为结构化数据处理提供了类型安全保障。

2025-07-21 10:59:52 948

原创 【前端学习-TypeScript】4-TS内置对象

本文介绍了TypeScript中常用的内置对象类型,包括基本包装类型(Number、String、Boolean)、复合内置对象(Object、Array)、日期时间对象(Date)、正则表达式对象(RegExp)和错误处理对象(Error)。每种类型都通过示例展示了其创建方式、常用方法和注意事项,特别强调了基本类型与包装对象类型的区别。文章内容参考了满神的B站TS教程,为开发者提供了TS内置对象的实用指南,帮助理解和使用这些核心类型。

2025-07-21 10:55:09 835

原创 【前端学习-TypeScript】5-TS数组类型

本文介绍了TypeScript中的数组类型使用方式,包括基础数组定义(两种语法:类型[]和Array<类型>)、对象数组(通过接口定义)、二维数组定义以及数组在函数中的应用(参数/返回值处理)。特别对比了ES6的...arg和ES5的arguments用法差异,并强调了类型一致性、空数组定义、类型推断和只读数组等注意事项。文章结构清晰,通过代码示例演示了各种数组操作场景,适合TS初学者快速掌握数组类型的基本用法。

2025-07-21 09:02:07 482

原创 【前端学习-TypeScript】3-TS对象类型

本文总结了TypeScript中对象类型的7种定义方式:1)直接声明属性类型;2)接口定义;3)类型别名。重点介绍了可选属性(?)、只读属性(readonly)和索引签名的用法,并解释了最小可选属性规则对类型安全的保障。文章还展示了对象解构赋值的类型声明方法,以及空对象类型的特性。每种方式都配有代码示例,适合开发者快速掌握TS对象类型的关键概念。内容参考了满神B站教程和官方文档。

2025-07-21 08:56:55 1178

原创 【前端学习-TypeScript】2-TS接口与type命令

本文介绍了TypeScript中接口与type命令的核心概念和使用方法。接口通过interface关键字定义对象结构,支持可选属性、只读属性、继承和合并等特性。type命令则用于创建类型别名,可定义基本类型、联合类型等。两者主要区别在于:接口支持继承和合并,而type更灵活但不可重复定义。文章建议根据具体需求选择使用:接口适合定义对象结构和继承关系,type更适合类型别名和复杂类型组合。

2025-07-18 15:01:44 880

原创 【前端报错】关于环境的问题产生的问题

在个人开发过程中,我配置的代理往往都写死了线下线上我在里写的代理就如下那项目上线时就又可能会报错代码​​​​​。

2025-04-26 00:24:50 414

原创 【前端学习——AJAX】

在实习工作中发现了对于网络通信这一块不是很熟悉了,回来补一补,写下这篇笔记,如有不足还望见谅本文章是在html文件中写JS代码,运用 Live Server 插件打开AJAX 是 ‌Asynchronous JavaScript and XML‌ 的缩写,直译为“异步 JavaScript 和 XML”。它是一种用于创建交互式、快速动态网页应用的网页开发技术。AJAX 通过在后台与服务器进行少量数据交换,使网页能够实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

2025-03-28 15:59:54 1362

原创 【前端报错】关于Electron-Vite项目使用wallpaper插件 终端报错

Electron-Vite项目使用npm安装wallpaper插件后,再次启动项目时终端以及软件就会发出报错。

2025-02-05 18:50:46 549

原创 【前端警告】关于Vue项目使用scss 终端发出警告

Vite运行Vue项目终端发出警告:The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

2025-01-24 16:52:48 1130 1

VsCode安装包-v1.72.2

工欲善其事必先利其器

2023-09-26

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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