当前位置： 首页 > news >正文

前端技术回顾系列 11｜TS 中一些实用概念

news 2026/4/1 5:51:07

在微信中阅读，关注公众号：CodeFit。

创作不易，如果你觉得这篇文章对您有帮助，请不要忘了 点赞、分享 和 关注 我的公众号：CodeFit，为我的持续创作提供动力。

上文回顾：泛型在类和接口中的应用

上一篇文章我们回顾了 泛型 在 类 和 接口 中的应用。

通过使用泛型，我们可以创建 类型安全、灵活且可重用 的 类 和 接口。

比如，在类中使用泛型，可以确保队列等数据结构在处理不同类型的数据时仍然保持类型安全。

而在接口中使用泛型，则可以使接口更加灵活，能够接受多种类型。

类型别名、字面量类型和交叉类型

本文将回顾 TypeScript 中几个较为简单但非常实用的概念，包括 类型别名、字面量类型 和 交叉类型 。

这些概念在日常开发中可以提高代码的可读性和维护性。

大纲

  1. 类型别名（Type Aliases）
  2. 联合类型（Union Types）
  3. 字面量类型（Literal Types）
  4. 交叉类型（Intersection Types）
  5. 类型别名和接口的区别
  6. 总结

1. 类型别名（Type Aliases）

类型别名 允许我们为现有的类型设置一个 新的名称，这对于 简化代码 和 提高可读性 非常有用。

特别是当一个类型较复杂且需要在多处使用时，类型别名 可以大大简化代码。

示例

假设我们有一个函数类型，接收两个 number 参数并返回一个 number，我们可以使用类型别名来简化其定义：

相关文章：

前端技术回顾系列 11｜TS 中一些实用概念

在微信中阅读，关注公众号：CodeFit。 创作不易，如果你觉得这篇文章对您有帮助，请不要忘了 点赞、分享 和 关注 我的公众号：CodeFit，为我的持续创作提供动力。 上文回顾：泛型在类和接口中的应用 上一篇文章我们回顾了 泛型 在 类 和 接口 中的应用。 通过使用泛型，我们…...

编程日记 2024/6/15 10:14:51

leetcode LRU 缓存

leetcode: LRU 缓存 LRU 全称为 Least Recently Used，最近最少使用，常常用于缓存机制，比如 cpu 的 cache 缓存，使用了 LRU 算法。LRU 用于缓存机制时，关键的是当缓存满的时候有新数据需要加载到缓存的，这个…...

编程日记 2024/6/15 10:13:50

LeetCode 2786.访问数组中的位置使分数最大：奇偶分开记录（逻辑还算清晰的题解）

【LetMeFly】2786.访问数组中的位置使分数最大：奇偶分开记录（逻辑还算清晰的题解） 力扣题目链接：https://leetcode.cn/problems/visit-array-positions-to-maximize-score/ 给你一个下标从 0 开始的整数数组 nums 和一个正整数 …...

编程日记 2024/6/15 10:12:48

嵌入式仪器模块:音频综测仪和自动化测试软件

• 24 位分辨率 • 192 KHz 采样率 • 支持多种模拟/数字音频信号的输入/输出 应用场景 • 音频信号分析：幅值、频率、占空比、THD、THDN 等指标 • 模拟音频测试：耳机、麦克风、扬声器测试，串扰测试 • 数字音频测试：平板电…...

编程日记 2024/6/15 10:11:47

计算商场折扣 、 判断体重指数 题目

题目 JAVA5 计算商场折扣分析：代码： JAVA6 判断体重指数分析：代码：大佬代码： JAVA5 计算商场折扣 描述 牛牛商场促销活动： 满100全额打9折； 满500全额打8折； 满2000全额打7折&…...

编程日记 2024/6/15 10:10:45

input输入框禁止输入小数点方法

使用blur事件&#xff1a; <el-input v-model"number" type"number" placeholder"请输入" blur"numberBlur" /> 第一种&#xff1a; 使用parseInt转为整数&#xff1a; this.number parseInt(this.number);第二种&#xff…...

编程日记 2024/6/15 10:07:39

使用adb通过wifi连接手机

1&#xff0c;手机打开开发者模式&#xff0c;打开无线调试 2&#xff0c;命令行使用adb命令配对&#xff1a; adb pair 192.168.0.102:40731 输入验证码&#xff1a;422859 3&#xff0c;连接设备&#xff1a; adb connect 192.168.0.102:36995 4&#xff0c;查看连接状态:…...

编程日记 2024/6/15 10:06:38

如何一键拷贝PPT中的所有文字？

有时我们可能需要引用PPT的文字&#xff0c;但一个幻灯片一个幻灯片拷贝很是麻烦&#xff0c;我们想一键拷贝PPT中所有幻灯片中的内容&#xff08;最近我就遇到了这个需求&#xff09;。今天就来讲讲这个一键拷贝的技巧。因为大家可能会遇到同样的问题&#xff0c;所以在此记录…...

编程日记 2024/6/15 10:05:36

Hive的存储格式和压缩算法的特点和选择

1、数据存储格式&#xff1a; ①TEXTFILE HIVE 中默认的存储格式&#xff1b; 一般使用在数据贴源层(ODS 或 STG) &#xff0c;针对需要使用脚本 LOAD 加载数据到 HIVE 数仓表中的情况&#xff1b;需要把表里数据导出或直接可以查看等场景&#xff0c;作为BI供数 易读性…...

编程日记 2024/6/15 10:03:35

C语言中的枚举类型（enum）是如何定义的

在C语言中&#xff0c;枚举类型&#xff08;enum&#xff09;是一种用户定义的数据类型&#xff0c;它允许为整数值指定一个易读的名字。枚举类型通常用于表示固定数量的可能值&#xff0c;例如一周的七天或颜色的集合。 枚举类型的定义使用关键字 enum&#xff0c;后面跟着枚…...

编程日记 2024/6/15 10:02:34

SPI通信协议

一、SPI通信 1、SPI&#xff08;Serial Peripheral Interface&#xff09;是由Motorola公司开发的一种通用数据总线 2、四根通信线&#xff1a;SCK&#xff08;Serial Clock&#xff09;、MOSI&#xff08;Master Output Slave Input&#xff09;、MISO&#xff08;Master In…...

编程日记 2024/6/15 10:01:32

【免费Web系列】大家好 ,今天是Web课程的第二一天点赞收藏关注,持续更新作品 !

这是Web第一天的课程大家可以传送过去学习 http://t.csdnimg.cn/K547r 员工管理 1. 条件分页查询 1.1 概述 在页面原型中&#xff0c;我们可以看到在查询员工信息列表时&#xff0c;既需要根据条件动态查询&#xff0c;还需要对查询的结果进行分页处理。 那要完成这个页面…...

编程日记 2024/6/15 9:58:30

【单片机毕业设计选题24007】-基于STM32和阿里云的家庭健康数据监测系统

系统功能: 本课题设计是基于STM32单片机作为控制主体&#xff0c;通过HX711称重模块&#xff0c;HC-SR04超声波测距模块&#xff0c;红外测温&#xff0c;心率传感器等模块通过I2C或SPI接口与STM32进行通信&#xff0c;并读取传感器输出的身高&#xff0c;体重&#xff0c;心率…...

编程日记 2024/6/15 9:57:28

基于微信公众号开发h5的前端流程

1.首先公众号进行配置&#xff0c;必须要https域名 还有个txt文件&#xff0c;有弹框提示需要下载放在服务器上 前端处理code的代码封装 // 微信公众号授权 export function wxAuthorize(calback) {// 非静默授权&#xff0c;第一次有弹框 这里的回调页面就是放在服务器上微信…...

编程日记 2024/6/15 9:56:27

python操作数据库，django操作数据库

安装驱动 pip install mysqlclient工程同名app下的settings.py DATABASES {default: {ENGINE: django.db.backends.mysql,NAME: test,USER: root,PASSWORD: hirain123,HOST: localhost,PORT: 3306,OPTION; {init_command: SET sql_model"STRICT_TRANS_TABLES",}} …...

编程日记 2024/6/15 9:54:24

React框架资源

React框架资源可以从多个方面获取&#xff0c;包括官方文档、教程、书籍、社区等。以下是一些React框架资源的清晰分点和归纳&#xff1a; 官方文档 新官方文档&#xff1a;React在2023年3月发布了全新的官方文档&#xff0c;位于https://react.dev/​。新文档包含教程、指南…...

编程日记 2024/6/15 9:52:23

【数据结构】初识数据结构之复杂度与链表

【数据结构】初识数据结构之复杂度与链表 &#x1f525;个人主页&#xff1a;大白的编程日记 &#x1f525;专栏&#xff1a;C语言学习之路 文章目录 【数据结构】初识数据结构之复杂度与链表前言一.数据结构和算法1.1数据结构1.2算法1.3数据结构和算法的重要性 二.时间与空间…...

编程日记 2024/6/15 9:51:21

word怎么单页横向设置（页码不连续版）

打开word&#xff0c;将光标放在第一页的最后位置。 然后点击布局下的分隔符&#xff0c;选择下一页。 将光标放在第二页的开头&#xff0c;点击布局下的纸张方向&#xff0c;选择横向即可。 效果展示。 PS&#xff1a;如果那一页夹在两页中间&#xff0c;那么在…...

编程日记 2024/6/15 9:50:20

搭建 Tomcat 集群【Nginx 负载均衡】

当我们想要提高后端服务器的并发性能&#xff0c;可以通过分配更多的资源给 Tomcat 服务器&#xff0c;但是这只能提高一部分的性能。因为每台 Tomcat 的服务器是有最大连接数为 200.所以即可拥有无穷无尽的内存&#xff0c;也会因为单台 Tomcat 的原因而无法发挥这些资源的最大…...

编程日记 2024/6/15 9:49:18

深入理解指针（二）

目录 1. 数组名的理解 2. 使用指针访问数组 3. ⼀维数组传参的本质 4. 冒泡排序 5. 二级指针 6. 指针数组 7. 指针数组模拟二维数组 1. 数组名的理解 有下面一段代码: #include <stdio.h> int main() {int arr[10] { 1,2,3,4,5,6,7,8,9,10 };int* p &arr[…...

编程日记 2024/6/15 9:47:16

革新性PDF可视化标记技术：从原理到实践的全方位解析

革新性PDF可视化标记技术&#xff1a;从原理到实践的全方位解析 【免费下载链接】obsidian-pdf-plus PDF: the most Obsidian-native PDF annotation & viewing tool ever. Comes with optional Vim keybindings. 项目地址: https://gitcode.com/gh_mirrors/ob/obsidian-…...

编程新知 2026/4/1 5:12:54

Qt QTabWidget标签页文字方向调校实战：当标签在左侧时，如何让文字乖乖水平显示？

Qt QTabWidget标签页文字方向调校实战&#xff1a;当标签在左侧时&#xff0c;如何让文字乖乖水平显示&#xff1f; 在桌面应用开发中&#xff0c;Qt框架的QTabWidget组件因其灵活性和易用性广受开发者青睐。但当我们尝试将标签页位置调整为左侧时&#xff0c;一个令人头疼的问…...

编程新知 2026/4/1 4:40:13

【二进制指数退避算法】

二进制指数退避算法一、概念二、原理一、概念 1.二进制指数退避算法是以太网退避算法&#xff0c;是 CSMA/CD 里处理冲突后重发的核心规则。 2.发生冲突后&#xff0c;不立刻重发&#xff0c;而是随机等一段时间再试。 3.冲突次数越多&#xff0c;随机等待的范围就越大&#x…...

编程新知 2026/4/1 1:51:47

造相Z-Image文生图模型v2：3步搭建你的专属AI画师

造相Z-Image文生图模型v2&#xff1a;3步搭建你的专属AI画师 1. 为什么选择Z-Image v2作为你的AI画师 在众多文生图模型中&#xff0c;造相Z-Image v2以其独特的优势脱颖而出。作为阿里通义万相团队开源的高性能模型&#xff0c;它原生支持768768及以上分辨率的高清图像生成&…...

编程新知 2026/4/1 1:45:46

xiaomusic启动故障终极解决指南：设备认证配置与开源智能家居集成方案

xiaomusic启动故障终极解决指南&#xff1a;设备认证配置与开源智能家居集成方案 【免费下载链接】xiaomusic 使用小爱音箱播放音乐&#xff0c;音乐使用 yt-dlp 下载。 项目地址: https://gitcode.com/GitHub_Trending/xia/xiaomusic 问题定位&#xff1a;识别xiaomusi…...

编程新知 2026/4/1 1:37:42

StructuredTaskScope配置不生效？揭秘ClassLoader隔离、虚拟线程绑定与作用域传播的3层断点排查法

第一章&#xff1a;StructuredTaskScope配置不生效&#xff1f;揭秘ClassLoader隔离、虚拟线程绑定与作用域传播的3层断点排查法当使用 Java 21 的 StructuredTaskScope 时&#xff0c;常见现象是&#xff1a;明明调用了 scope.fork() 并设置了自定义上下文&#xff08;如 MDC、…...

编程新知 2026/4/1 0:56:20

电商客服+导购智能体的设计与开发

这个代码的核心功能是&#xff1a;基于输入词的长度动态选择反义词示例&#xff0c;并调用大模型生成反义词&#xff0c;体现了 “动态少样本提示&#xff08;Dynamic Few-Shot Prompting&#xff09;” 与 “上下文长度感知的示例选择” 的能力。 from langchain.prompts impo…...

编程新知 2026/3/31 23:14:49

3步打造个人数据备份系统：QQ空间数字记忆永久保存指南

3步打造个人数据备份系统&#xff1a;QQ空间数字记忆永久保存指南 【免费下载链接】GetQzonehistory 获取QQ空间发布的历史说说 项目地址: https://gitcode.com/GitHub_Trending/ge/GetQzonehistory 在数字化时代&#xff0c;个人数据备份已成为保护数字记忆的关键措施。…...

编程新知 2026/3/31 22:44:30

Windows Cleaner：开源磁盘清理工具的全方位解决方案

Windows Cleaner&#xff1a;开源磁盘清理工具的全方位解决方案 【免费下载链接】WindowsCleaner Windows Cleaner——专治C盘爆红及各种不服&#xff01; 项目地址: https://gitcode.com/gh_mirrors/wi/WindowsCleaner 在数字工作环境中&#xff0c;磁盘空间不足已成为…...

编程新知 2026/3/31 22:09:55

vscode-remote-ssh-server首次安装或者更新无响应时解决方案

当vscode更新后&#xff0c;remote-ssh服务端的server也需要同步更新&#xff0c;否则会无法连接&#xff0c;若服务器的网络下载服务端文件非常慢或者无法连接外网&#xff0c;则需要手动下载离线包拷贝到对应的目录下。1、使用mobaXtern&#xff08;或者其他SSH工具&#xff…...

编程新知 2026/3/31 21:26:59