TypeScript
目录
1.TypeScript开篇
2.体验TypeScript
3.TypeScript-webpack配置
4.TypeScript-基础类型
5.TypeScript-数组和元祖类型
6.TypeScript-枚举类型
7.TypeScript-any和void类型
8.TypeScript-never和object类型
9.TypeScript-类型断言
10.TypeScript-接口
11.TypeScript-变量声明和解构
12.TypeScript-可选属性和索引签名
13. ...
typescript 报错 TS1005 ; expected
今天遇到这个报错，
error TS1005: '=' expected. import type { keyType } from './aa';
如下图所示：
package.json 中 编译 ts 的命令如下 "build-ts": "tsc -p tsconfig.build.json"
这个报错 主要是因为使用了下面这种语法
import type { keyType } from './someType';
这个语法 import type 是 仅仅导入, 这是 Type ...
TypeScript学习: 九、TypeScript的泛型
泛型的定义
泛型， 软件开发过程中，我们不仅要创建一致的定义良好的api， 同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供十分灵活的功能。
在像C#和java这样的语言中，可以使用泛型来创建可重用的组件， 一个组件可 ...
Vue3+Typescript+Node.js实现微信端公众号H5支付(JSAPI v3)教程--各种填坑
----微信支付文档，不得不说，挺乱！（吐槽截止）
功能背景
微信公众号中，点击菜单或者扫码，打开公众号中的H5页面，进行支付。
一、技术栈
前端：Vue：3.0.0，typescript：3.9.3，axios，vant，weixin-jsapi（微信官方wxjsdk）
后端：Koa，wxpay-3（不错的apiv3封装 https://github.com/yangfuhe/node-wxpay），ax ...
使用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 ...
