前言由于现在工作使用的技术栈是 React、TypeScript 和 ahooks,工作中需要用到大量的类型定义,特此记录一下一些常用的 类型通用API 封装。TS 内置类型Partial<T>:将 T 所有属性变为可选属性Required<T>:将 T 所有属性变为必选属性Readonly<T>:将 T 所有属性变为只读
......
45
0
0
2024-11-02
渐进式采用 TypeScript 在前端项目中的策略通常包括:引入TypeScript如果我们有一个简单的JavaScript模块utils.js,它包含一个函数用于计算两数之和:// utils.js
export function add(a, b) {
return a + b;
}
首先,我们将文件扩展名改为.ts,并开始逐步添加类型注解
......
48
0
0
2024-10-24
在 TypeScript 中,type 关键字用于定义一个新类型。类型别名(type alias)提供了一种方式来为复杂的类型或你在代码中多次使用的类型指定一个名字。以下是 type 的一些常见用法:基本用法type StringOrNumber = string | number;
这里,StringOrNumber 是一个类型别名,它表示一个可以是 s
......
47
0
0
2024-10-16
前言: 好久没有更新咯,咱就是说 2024 在学习道路上继续前进!开年的第一篇文章献给 vue3,咱也紧跟着尤大大的脚步,在加班的日子里捣鼓了一番 vue3+vite+typeScript,在查阅了众多资料和实践后,终于搭建好了一个完整的项目,好记性不如烂笔头,来记录一下搭建过程。一.技术栈编程语言:typeScript v5.3.3构建工具:vite v5
......
95
0
0
2024-09-27
前言最近,我们部门在开发一个组件库时,我注意到一些团队成员对使用TypeScript表示出了抵触情绪,他们常常抱怨说:“TypeScript太麻烦了,我们不想用!”起初,我对此感到困惑:TypeScript真的有那么麻烦吗?然而,当我抽时间审查队伍的代码时,我终于发现了问题所在。在这篇文章中,我想和大家分享我的一些发现和解决方案。一、类型复用不足在代码审查过
......
118
0
0
2024-08-22
TypeSpec 是什么TypeSpec[1] 是一种高度可扩展的语言,可轻松描述 REST、OpenAPI、gRPC 和其他协议中常见的 API 结构。TypeSpec 在生成多种不同的 API 描述格式、客户端和服务端代码、文档等方面表现出色。有了 TypeSpec,你就可以摆脱那些拖慢你速度的手写文件,并在几秒钟内生成符合标准的 API Schemas
......
130
0
0
2024-08-17
ES6的笔记## let声明变量基本用法:类似var ,但是变量只在代码块内有效 var 和 let 比较{
let x=10;
var y=15
}
console.log(y)//15
console.log(x)//报错
let不存在变量提升
暂时性死区
es6明确规定,如果区块中存在let和const命令,这个区块对这些命令声
......
233
0
0
2024-07-03
1. Vue3简介2020年9月18日,Vue.js发布版3.0版本,代号:One Piece(n经历了:4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址:Release v3.0.0 One Piece · vuejs/core截止2023年10月,最新的公开版本为:3.3.41.1. 【性能的提升】打包大小减少41%。初次渲染
......
303
0
0
2024-07-03
使用 vue 开发时,频繁使用到了 axios 这个网络请求库,这里对其做一个发起请求时携带参数方式的小结。一、基本使用1.1. GET 请求注意:GET请求无请求体,可以是可以有请求体body的,但是不建议带。为什么不建议带请求体?:::details 由文心大模型 3.5 生成在HTTP协议中,GET请求通常用于请求数据,而POST请求则通常用于提交数据
......
288
0
0
2024-07-03
引子欢迎来到 JavaScript 的模块化大战——这是一场被各种不同规范规定的模块横亘在我们面前带来的混乱战斗。然而,拿起你的剑吧,让我们一起跨过这段困难的旅程!在ES6(ECMAScript 2015)之前的规范JavaScript社区存在多种模块化规范和实现CommonJS ⭐⭐⭐⭐⭐AMD(Asynchronous Module Definition
......
203
0
0
2024-07-03
写在前面网上很多写ts的教程的,但是我觉得写的太繁琐了,这里我直接将基础用法写上,包括编译后的js代码,以便于你们进行对比, 包括一些常见的报错信息,你们可以对比一下报错信息, 我尽量不废话的将ts一篇文章写完!解释一下:ts全称typeScript,别名 anyScript , 是js的一个超集,你可以理解为js有的他都有,js没有的,他也有,后面会具体说
......
209
0
0
2024-06-19
前言我们前两篇介绍了TypeScript开发环境的配置,但是这个配置相对来说比较繁琐,更适合用它来做前端开发的,而对于我们只是为了为学习ArkTS做准备来说,其实并不需要如此复杂的配置文件。今天就和我一起看看如何简单高效的配置好TS的学习环境。必备软件NodeJS:这里我们就不重复介绍了,这个是通用的。VSCode:这个是我们用来写TS代码的主要工具,建议大
......
260
0
0
2024-05-28
前言TypeScript 可以说是今年的一大流行点,虽然 Angular 早就开始把 TypeScript 作为内置支持了,但是真正在中文社区火起来据我观察也就是没多久的事情,尤其是在 Vue3 官方宣布采用 TypeScript 开发以后达到了一个顶点。社区里有很多 TypeScript 比较基础的分享,但是关于 React 实战的还是相对少一些,这篇文章
......
266
0
0
2024-05-12
在看了同事推荐的ts教程后,发现自己还是有很多不会的,所以整理出一些自己学到的新知识点,希望各位也能有所收获!(我就写给自己看看,不要太当回事哈哈哈附上教程链接,看完你就是ts大神!!!写得超级详细,保证有很多你不知道的小细节。 函数如果变量被赋值为一个函数,变量的类型有两种写法。代码语言:javascript复制// 写法一
const hello =
......
230
0
0
2024-04-24
引言ES6(ECMAScript 2015)引入了许多新的功能和语法,其中一些功能可能相对较冷门,但非常实用。本文将介绍一些这样的高级技巧,包括Object.entries()Object.fromEntries()Symbol类型和Symbol属性WeakMap和WeakSetPromise.allSettled()BigIntArray.ofArray.
......
229
0
0
2024-04-02