TypeScript
TypeScript泛型详解:从基础到约束与实战

本文深入讲解TypeScript中泛型的核心概念,涵盖形式类型参数的定义、必选与可选参数的规则、泛型约束的实现方式,以及泛型函数在类型推断中的应用。通过具体代码案例,解析如何灵活使用泛型定义接口与类,提升代码复用性与类型安全性。

10.25
热度 78
TypeScript 新鲜度(Freshness):更严格的对象字面量检查机制

TypeScript 采用结构化类型系统,通常允许具有相同属性的对象互相赋值。然而,针对对象字面量的“新鲜度”(Freshness)检查机制引入了更严格的规则。当对象字面量直接赋值或传递给函数时,若包含目标类型中不存在的属性,TypeScript 会报错。本文详细解析新鲜度的触发条件、例外情况(如类型断言和变量捕获)及其设计初衷,帮助开发者避免拼写错误并提升代码安全性。

10.25
热度 344
TypeScript接口使用指南:定义、类型与继承

本文详细介绍TypeScript中接口的定义与使用。涵盖属性接口、可选接口、函数类型接口、可索引接口及类类型接口的具体语法与约束规则,并讲解接口通过extends关键字实现单继承与多继承的方法,帮助开发者规范代码结构。

10.25
热度 117
TypeScript 泛型详解:从基础概念到类、接口与方法的应用

本文深入解析 TypeScript 泛型的核心概念,阐述如何通过类型变量实现参数化类型。详细演示泛型方法、泛型类及泛型接口的定义与使用技巧,对比非泛型与泛型实现的差异,帮助开发者在保持类型安全的同时提升代码复用性。

10.25
热度 114
Vue3 TypeScript 封装 Axios 完整流程与目录结构解析

本文详细解析在Vue3项目中基于TypeScript封装Axios的最佳实践。从src目录下的api、request、config及services四层架构设计入手,深入讲解请求拦截器、响应拦截器的配置,以及get/post等方法的封装。同时涵盖如何将API层统一挂载至Vue3全局属性,并配合Express搭建本地测试服务,实现前后端分离开发的高效协同与代码可维护性。

10.25
热度 267
在命令行中运行TypeScript文件的三种实用方法

本文介绍在Node.js环境下运行TypeScript文件的三种主流方式。方法一通过tsc编译生成JS后执行;方法二利用管道符或&&合并编译与运行命令;方法三使用ts-node直接执行无需预编译。

10.25
热度 165
TypeScript前端上传文件到MinIO示例详解

本文详解TypeScript前端如何通过presignedPutObject接口安全上传文件至MinIO。对比XMLHttpRequest、Fetch和Axios三种实现方式,重点解决PUT方法强制要求、FormData构造陷阱及Content-Type手动配置等常见问题,提供完整代码示例。

10.25
热度 360
TypeScript开发小状况记录之选且只选一个

本文记录在TypeScript开发中,如何定义一个必须包含指定字段中且仅有一个字段的对象类型。通过对比泛型显式声明与PickOne工具类型的实现,解决了联合类型无法限制多字段共存的问题,确保业务代码中字段选择的唯一性与合法性。

10.25
热度 246
TypeScript 修饰器与类成员详解:Mixin、访问控制及接口实现

本文介绍 TypeScript 中类的使用及修饰器机制。通过定义 mix 函数实现方法混合到类实例,详解 public、private、protected 访问修饰符,readonly 只读属性及 static 静态成员的使用规则。同时阐述类通过 implements 实现多个接口,以及接口支持多继承的特性,帮助开发者掌握 TypeScript 面向对象编程的核心概念。

10.25
热度 566
TypeScript 声明合并机制详解:接口、命名空间与模块扩展

本文深入解析 TypeScript 中的声明合并机制,涵盖接口、命名空间、类及枚举的合并规则。详细阐述函数重载优先级、非导出成员可见性限制,以及通过模块和全局扩展修补现有 JavaScript 对象的方法,帮助开发者理解并安全地操作现有代码。

10.25
热度 571
Vue3+TypeScript全局对象注入与类型定义实战指南

本文详解Vue3结合TypeScript环境下全局对象的注入与使用。对比Vue2的prototype方式,介绍如何在Vue3中通过封装useCurrentInstance获取全局属性,并结合TypeScript接口定义实现强类型约束。通过示例展示如何在main.ts中统一挂载辅助类,并在组件中安全调用全局方法,提升代码可维护性与开发体验。

10.25
热度 88
Typescript 封装 Axios 拦截器方法实例

本文介绍如何使用 TypeScript 对 Axios 进行二次封装,重点讲解如何定义自定义拦截器接口。通过扩展 AxiosRequestConfig 类型,实现单个实例独享、所有实例共享及单个请求独享三种拦截器模式,并详细解析其执行顺序与操作场景控制。

10.25
热度 219

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署