使用typescript封装axios
使用typescript封装axios
这个axios封装，因为是用在vue3的demo里面的，为了方便，在vue3的配置里面按需加载element-plus
封装axios
http.ts
import axios, { InternalAxiosRequestConfig, AxiosRequestHeaders, AxiosResponse， AxiosError } from 'axios'
import { IResponseData } from '@/types'
import { ElMessage, ...
手摸手教你用 yapi-to-typescript生成Yapi的TypeScript数据类型
一 背景
现代社会比较重视效率，本着这个思想宗旨，能用工具自动高效做的事情，就不要低质量的勤奋。yapi-to-typescript就是一款自动生成接口请求与响应的typescript数据类型定义的工具，可根据 YApi 或 Swagger 的接口定义生成 TypeScript 或 JavaScript 的接口类型及其请求函数代码。本文手把手教你 ...
浅析TypeScript中const和readonly的区别、枚举和常量枚举的区别以及关于typescript中枚举的相关知识
一、const 和 readonly 的区别
1、TypeScript 中不可变量的实现方法有两种：
使用 ES6 的 const 关键字声明的值类型
被 readonly 修饰的属性
2、TypeScript 中 readonly：
TypeScript 中的只读修饰符，可以声明更加严谨的可读属性。通常在 interface 、 Class 、 type 以及 array ...
typescript 语法总结
typescript中的数据类型1.基础类型 string,number,null,undefined,boolean
undefined：一个没被分配值的变量
null:人为分配一个空值
strictNullChecks: tsconfig.json中配置项，值为on时，在使用可能是null的值前，需要显示的检查
2.数组类型Array<T>，T代表数组中的元素类型（本写法要求元素类型统一）
3.any，unknow ...
TypeScript 枚举指南
枚举是受 TypeScript 支持的数据类型。枚举允许您定义一组命名常量。使用它们可以更轻松地记录意图或创建一组不同的案例。枚举大多数用于面向对象的编程语言（如 Java 和 C#）中，现在也可以 TypeScript 中使用。它们是 TypeScript 的少数功能之一，它不是 JavaScript 的类型级扩展。接下来我将要演示 TypeScript 枚举的基 ...
Vite+Vue3+TypeScript学习笔记
1、学习背景
随着前端web应用的需求不断发展和变化，vue生态圈也紧跟开发者步伐，不断演化。尽管vue2.0已经很完善了，很多人掌握的vue2.0，感觉实在学不动了，意料之外的是尤先生继续更新vue到3.0版本，以补充vue2.0的不足之处。随着vue3.0问世，vite2.5.1也油然而生，vue始终没有放弃对项目响应速度和编译速度的追求，vite ...
使用 vite + typescript + react + antd 一个月的开发体验和遇到的问题
使用 vite 一个月的开发体验
先总结下，体验很好，快得飞起，很舒服。但是，在每次重新构建的时候也挺慢的看这儿 file-system-cache。
Technologies Stack
typescript - TypeScript is a typed superset of JavaScript that compiles to plain JavaScrip
pnpm - 快速的，节省磁盘空间的包管理工具
vite - 下一代前端开发与 ...
TypeScript 入门指南 【大白话】
前言
聊聊为何要学习TypeScript?
从开发角度来讲, TypeScript 作为强类型语言，对属性有类型约束。在日常开发中少了减少了不必要的因参数类型造成的BUG,当你在使用同事封装好的函数时，类型不知道怎么传递，在开发TS 时，它会有很友好类型的提示，此时你就知道该函数需要传递哪些参数，并且参数类型是什么类型。从项目结构 ...
Typescript 中的 泛型
typeScript 中的泛型
1. 泛型的定义
泛型：软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。
在像 C# 和 Java 这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型 ...
Typescript（十）compilerOptions 配置项
1：removeComments 属性
removeComments是complerOptions里的一个子属性，它的用处是告诉TypeScript对编译出来的js文件是否显示注释（注解）。比如我们现在把removeComments的值设置为true，就是在js中不显示注释。
我们把上节课文件没有的Demo2.ts和生成的 JS 文件都删除掉，只留Demo.ts文件，然后再Demo.ts文件里，加入一 ...
Vue3 + TypeScript 开发实践总结
前言
迟来的Vue3文章,其实早在今年3月份时就把Vue3过了一遍。在去年年末又把 TypeScript 重新学了一遍，为了上 Vue3 的车，更好的开车。在上家公司4月份时，上级领导分配了一个内部的 党务系统开发 ，这个系统前端是由我一个人来开发，功能和需求也不怎么复杂的一个B 端 系统，直接上的 Vue3 + TypeScript + Element Plus ...
typescript之defaultProps
React 之 Default Prop Values
React 官方文档 - Default Prop Values
方式一: Class 类名.属性名
通过组件的 defaultProps 属性可为其 Props 指定默认值。
class Greeting extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}
// Specifies the default values for props:
Gree ...
TypeScript入门教程-阮一峰
从 JavaScript 程序员的角度总结思考，循序渐进的理解 TypeScript。
http://ts.xcatliu.com/
什么是TypeScript？
TypeScript是一种添加了类型系统的 JavaScript，适用于任何规模的项目。
我们都知道JavaScript是一种弱类型的语言。而TypeScript增强了它的类型。
由于JavaScript 是一门非常灵活的编程语言，这将导致：
它没 ...
TypeScript 在开发应用中的实践总结
背景
以前 hybrid app 的移动端开发模式下，H5 和客户端通信的 js sdk 代码使用 js 编写，sdk 方法的说明使用文档输出。对于开发的使用来说，在 IDE 中不能得到友好的参数类型提示。于是我们维护一个类型定义包进行 sdk 方法的类型定义。但这样对于维护 sdk 的同学来说，维护源码的同时需要同步更新类型定义，更新如果不及 ...
Vue 在 typeScript 中写mixins。
前言
有个项目，需要使用 mixins 来管理一些通用方法。同时该项目使用 Typescript。
问题
编译器报错，提示组件中没有该 mixin 中的内容。具体看一下代码。
MixinA：
export const MixinA = {
method: {
sayHello() {
// ...
}
}
}
component:
export default Vue.extend({
mixin ...
TypeScript 中限制对象键名的取值范围
当我们使用 TypeScript 时，我们想利用它提供的类型系统限制代码的方方面面，对象的键值，也不例外。
譬如我们有个对象存储每个年级的人名，类型大概长这样：
type Students = Record<string, string[]>;
理所当然地，数据就是长这样：
const students: Students = {
Freshman: ["David", "John"],
sopho ...
TypeScript 学习笔记 — 类型断言（二）
目录类型断言语法类型断言的用途联合类型可以被断言为其中一个类型父类可以被断言为子类任何类型都可以被断言为 anyany 可以被断言为任何类型非空断言双重断言字面量类型 + 联合类型类型断言的限制类型断言 vs 类型转换上一篇：TypeScript 入门自学笔记（一）
类型断言
类型断言（Type Assertion）: 主要用于当 TypeScript ...
TypeScript在React项目中的使用总结
序言
本文会侧重于TypeScript（以下简称TS）在项目中与React的结合使用情况，而非TS的基本概念。关于TS的类型查看可以使用在线TS工具👉TypeScript游乐场
React元素相关
React元素相关的类型主要包括ReactNode、ReactElement、JSX.Element。
ReactNode。表示任意类型的React节点，这是个联合类型，包含情况众多；
ReactElem ...
TypeScript中的问号 ? 与感叹号 ! 的含义
一、？（问号）操作符
在TypeScript里面，有4个地方会出现问号操作符，他们分别是：
1、三元运算符
// 当 isNumber(input) 为 True 是返回 ? : 之间的部分； isNumber(input) 为 False 时，返回 : ; 之间的部分
const a = isNumber(input) ? input : String(input);
2、参数
// 这里的 ？表示这个参数 field 是一个 ...
TypeScript 学习笔记（一）
码文不易，转载请带上本文链接，感谢~ https://www.cnblogs.com/echoyya/p/14542005.html
目录码文不易，转载请带上本文链接，感谢~ https://www.cnblogs.com/echoyya/p/14542005.htmlTypeScript 介绍什么是TypeScript？JavaScript 的缺点为什么使用 TypeScript？安装TypeScript 的特性类型系统TypeScript 是静态类型TypeSc ...
