前言TypeScript 可以说是今年的一大流行点,虽然 Angular 早就开始把 TypeScript 作为内置支持了,但是真正在中文社区火起来据我观察也就是没多久的事情,尤其是在 Vue3 官方宣布采用 TypeScript 开发以后达到了一个顶点。社区里有很多 TypeScript 比较基础的分享,但是关于 React 实战的还是相对少一些,这篇文章 ......
42
0
0
2024-05-12
在看了同事推荐的ts教程后,发现自己还是有很多不会的,所以整理出一些自己学到的新知识点,希望各位也能有所收获!(我就写给自己看看,不要太当回事哈哈哈附上教程链接,看完你就是ts大神!!!写得超级详细,保证有很多你不知道的小细节。 函数如果变量被赋值为一个函数,变量的类型有两种写法。代码语言:javascript复制// 写法一 const hello = ......
92
0
0
2024-04-24
引言ES6(ECMAScript 2015)引入了许多新的功能和语法,其中一些功能可能相对较冷门,但非常实用。本文将介绍一些这样的高级技巧,包括Object.entries()Object.fromEntries()Symbol类型和Symbol属性WeakMap和WeakSetPromise.allSettled()BigIntArray.ofArray. ......
74
0
0
2024-04-02
TypeScript 是 JavaScript 的超集,一方面给动态类型的 js 增加了类型校验,另一方面扩展了 js 的各种功能。原始数据类型字符串数值布尔nullundefinedSymbolBigIntlet str: string = '周小黑' let age: number = 18 let beautiful: boolean = true ......
69
0
0
2024-03-24
以下问题选自各国企央企面试题以及本人招人过程中涉及到比较多的题目,删除了一些比较基本以及偏门的一些问题,如果可以100%掌握,相信可以找到一份不错的工作!Good Luck!Vue1. 钩子函数 生命周期beforeCreate(创建前) created(创建后) beforeMount(载入前) mounted(载入后) beforeUpdate( ......
187
0
0
2024-02-25
1.扩展运算符扩展运算符(spread)是三个点(…)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll( ......
101
0
0
2024-02-25
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构数组的解构赋值ES5写法let a = 123; let b = 456; ES6允许写法let [a,b] = [123,456]; 可以从数组中提取值,按照对应位置,对变量赋值只要等号两边的模式相同,左边的变量就会被赋予对应的值eg:let [a,[[b],c]] = [1 ......
104
0
0
2024-02-25
本月,Ruby on Rails 作者 DHH 宣布移除其团队开源项目 Turbo 8 中的 TypeScript 代码。他认为,TypeScript 对他来说只是阻碍。不仅因为它需要显式的编译步骤,还因为它用类型编程污染了代码,很影响开发体验。无独有偶,不久前,知名前端 UI 框架 Svelte 也宣布从 TypeScript 切换到 JavaScript ......
86
0
0
2024-02-17
一、当前一些写前端的骚操作先罗列一下见到过的一些写法吧:)1. interface(或Type)一把梭掘金上很多文章,一提到 TypeScript,那不得先用 interface 或者 type 来声明个数据结构吗?像这样:type User = { nickname: string avatar?: string age: n ......
92
0
0
2024-02-04
不知道大家平时使用 TypeScript 有没有遇到过这种情况:interface Options { hostName: string; port: number; } function validateOptions (options: Options) { Object.keys(options).forEach(key =& ......
110
0
0
2024-01-31
目录一、实现的功能二、工具使用方法三、实现思路四、使用示例简单的JSON 数据输出对应简单的类型定义复杂的JSON 数据输出对应复杂类型定义五、具体实现代码六、写在最后在TypeScript 项目中,我们经常需要使用声明一系列的ts类型。然而,手动写的效率实在太低,编写一个自动生成ts类型的工具可以解放生产力。 实现一个工具将 JSON 数据转换为 Type ......
218
0
0
2023-09-14
目录前言extends 的几个语义extends 与 类型组合/类继承extends 与类型约束extends 与条件类型extends 与 {}extends 与 anyextends 与 neverextends 与 联合类型extends 判断类型严格相等extends 与类型推导总结前言声明: 以下文章所包含的结论都是基于 typeScript@4. ......
256
0
0
2023-09-09
目录1. 认识队列结构2. 实现队列结构封装3. 实战一:最近的请求次数3.1 题目描述3.2 解一:队列4. 实战二:无法吃午餐的学生数量4.1 题目描述4.2 解一:队列5. 实战三:字符串中的第一个唯一字符5.1 题目描述5.2 解一:哈希表5.3 解二:队列1. 认识队列结构队列是一个 先进先出(FIFO) 的数据结构js 中没有队列,但我们可以用 ......
241
0
0
2023-08-01
目录TypeScript 介绍函数枚举联合类型类型别名和接口类型别名接口交叉类型类TypeScript 介绍TypeScript 是 JavaScript 的超集,提供了 JavaScript 的所有功能,并提供了可选的静态类型、Mixin、类、接口和泛型等特性。TypeScript 的目标是通过其类型系统帮助及早发现错误并提高 JavaScript 开发效 ......
191
0
0
2023-07-28
目录TypeScript 介绍类型分配类型推导数组元组objectnull 和 undefined特殊类型anyunknownnevervoidTypeScript 介绍TypeScript 是 JavaScript 的超集,提供了 JavaScript 的所有功能,并提供了可选的静态类型、Mixin、类、接口和泛型等特性。TypeScript 的目标是通过 ......
171
0
0
2023-07-28