TypeScript 1
浅谈TypeScript泛型T和any的区别
点击上方“青年码农”关注回复“特效源码”可获取各种资料当我们定义一个变量或者重构之前的JavaScript代码不确定类型的时候，一般会有两种解决方式。1. 使用any简单粗暴，任何类型都可以，但是失去了ts类型保护的优势。 2. 使用泛型不预先指定具体的类型，而是在使用的时候在指定类型限制的一种特性。看下面的这个函数function identity(arg: any): any { re
日期 2023-06-12 10:48:40
Electron+Vue3.2+TypeScript+Vite开发桌面端
Electron可以让程序员重用Web的代码，使用HTML、CSS、JavaScript来构建桌面应用，并在不同平台上使用。Electron官网上说：“比你想象的更简单”————“如果你可以建一个网站，你就可以建一个桌面应用程序。Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架，它负责比较难搞的部分，你只需把精力放在你的应用的核心上即可
日期 2023-06-12 10:48:40
ESLint: Typescript + React + TSX 集成
ESLint: Typescript + React 集成 需要安装的 packages TroubleShooting ESLint: Typescript + React 集成 最新的版本对 TS 的支持非常完善, 绝大多数的问题都是由于安装了旧版本或者版本不兼容. 当前版本: ESLint 6.8.0 2020.02.09 更新 首先更新 Eslint 到最新版本, 为了省去后续的一
日期 2023-06-12 10:48:40前端 QA 工具链指南 - husky,commitlint,commitizen,eslint,typescript,express
Code QA 工具链配置-主要流程 配置 Prettier Code QA 工具链配置-主要流程 其他工具配置 (Typescript, Webpack, etc)配置 Prettier 实现快捷键格式化本地代码 VSC 安装 prettier 插件本地安装 Prettier 包使用时通过 ctrl+shift+P 选择 Format Document with…… 然后选择 Prettier添
日期 2023-06-12 10:48:40
TypeScript
# 简介微软开发的，是js的超集编译时类型检查最终编译成js扩展名ts，由tsc编译为js区分大小写# 数据类型# 基本任意 Any 元组 枚举enum# 联合类型||||# 声明var [变量名]: [类型] = 值# 断言as函数指定返回值类型# 接口ts特有的，不能转为js ?表示可选参数declare namespace API { interface IUser {
日期 2023-06-12 10:48:40【TypeScript】的安装方式
前言： 大家好，我是痴心阿文。写TypeScript的第三篇，本文主要介绍TypeScript的安装方式。 我有另一个外号，学友哥，是源于喜欢张学友的那个表情包，所以被大家戏称学友哥。 安装步骤如下： 1.npm install typescript 安装typescript*注意：没有安装node.js需要去官网下载node.js 并安装 2.tsc -v 查看typescript
日期 2023-06-12 10:48:40
简单的贪吃蛇小游戏—TypeScript练习
在线试玩：https://www.zeyiwl.cn/snake/TypeScript完成的一款简易贪吃蛇小游戏。GitHub地址：https://github.com/Yue-Zeyi/sanke-TypeScript游戏控制核心类：class GameControl { // 三个属性 snake: Snake; food: Food; scorePanel: Scor
日期 2023-06-12 10:48:40TypeScript基础知识
TypeScriptTypeScript是JavaScript的一个超集，支持ECMAScript6标准。安装终端运行如下命令，全局安装TypeScript：npm install -g typescript复制安装完成后，运行如下命令，检查安装是否成功：tsc -V复制创建 tsconfig.json配置文件tsc --init复制编写TS程序1.创建文01_index.ts，并写如下代码：co
日期 2023-06-12 10:48:40Typescript 4.9重点特性探索
toc这里是 TypeScript 4.9 更新的部分内容satifies 操作符in操作符中未列举的属性收束Class 的 Auto-Accessor对于 NaN 进行检查编辑器增强：“Remove Unused Imports” 和 “Sort Imports”编辑器增强：对于 return 关键字的 Go-to-Definitionsatisfies 操作符TypeScript 开发者可能遇
日期 2023-06-12 10:48:40
TypeScript 实用工具类型之 Omit 类型
TypeScript 实用工具类型之 Omit 类型在本文中，我们将讨论 TypeScript 中使用 Omit<> 的对象类型转换。这是 TypeScript 实用工具类型系列的第二部分。在上一篇文章（TypeScript 实用工具类型之 Pick 类型）中，我们介绍了一个例子，在这个例子中，我们通过 Pick<> 从基本类型 SuperbUser 中选择一些属性来派生一
日期 2023-06-12 10:48:40TypeScript 实用工具类型之 Partial 类型
TypeScript 实用工具类型之 Partial 类型在本文中，我们将使用 Partial<> 来讨论 TypeScript 中的对象类型转换。这是 TypeScript 实用工具类型系列的第三部分。在上一篇文章（TypeScript 实用工具类型之 Omit 类型），我们介绍了一个示例，在该示例中，我们通过省略基本类型 SuperbUser 的一个属性（使用Omit<>
日期 2023-06-12 10:48:40typeScripte 中 extends 和implements区别
extends用来继承类，implements用来实现一个接口extends案例 interface Person{ money:number } //implements是对某个接口的实现，必须满足接口的类型规范 class Father implements Person { public money: number = 1000 } //extends是对某个类
日期 2023-06-12 10:48:40记一次vscode踩坑记录："TypeScript 语言服务在其启动后已中止 5 次。将不会重启该服务。"
记一次 vscode 踩坑记录，如果有遇到的小伙伴，一定要看一下。最近这两天在用 vscode 快乐的coding的时候，突然间发现 ts 文件和 js 文件都变傻了。具体表现就是 1、代码没有提示， 2、不能代码跟踪， 3、点右键的时候，菜单特别的少只有最基本的那几项。 一开始我以为是我开发环境有问题，也没有太在意，可是一连几天都这样，今天终于下决心解决一下。 经过仔细的观察，发现是 vsco
日期 2023-06-12 10:48:40TypeScript 编译性能优化：Project Reference
TypeScript 给 JavaScript 添加了一套类型系统，可以在编译期间检查出类型错误，这增加了代码的健壮性，但也多了一个编译的过程。ts 编译速度与项目规模有关，如果项目比较大，代码很多，那就需要编译很长一段时间。有没有什么办法可以提升 tsc 编译的性能呢？还真有，TypeScript 3.0 的时候实现了 Project Reference 的特性，就是用于优化编译和类型检查的性能
日期 2023-06-12 10:48:40Flow 与 Typescript：哪个更适合你的项目？
随着 JavaScript 项目变得越来越复杂，开发者开发了新的工具和语言来提高代码质量和工作流程。除了单元测试，TypeScript 和 Flow 等静态类型检查器正在成为专业开发团队的标准。无论项目大小，使代码更易于理解并在开发阶段捕获错误的好处已被证明是非常有用的。在没有使用类型检查工具的情况下处理大型 JavaScript 代码库会让你感到头痛，特别是那些在运行时才会发现的错误会产生很多，
日期 2023-06-12 10:48:40一旦你学习了typescript，你就再也放不下了
什么是TypeScript TypeScript是JavaScript的超集，当前的JavaScript的代码都属于TypeScript，都能在TypeScript环境下运行。 TypeScript严格来说它算是一个编译器，也就说它将原本解释语言的JavaScript进行了编译，而它编译的是.ts文件，一种JavaScript的超集文件，拥有自己的类型，接口，面向对象等特点。 TypeScript
日期 2023-06-12 10:48:40【工程搭建】从零搭建一个 typescript + express + eslint 工程
前言对于前端开发人员而言，ts 已经逐渐成为了一项必不可少的技能，类型检查可以帮助我们在开发时避免一些不必要的 bug ，随着各种技术的不断成熟，在服务器端书写 ts 也日益成为主流。本文将记录如何从零搭建一个 typescript + express + eslint 的工程。安装依赖npm i -D typescript npm i -D ts-node npm i -D
日期 2023-06-12 10:48:40TypeScript，我从不喜欢到沉迷
从不喜欢 ts，到最近主动切换 ts ，记录下这个历程，也分享下自己的经验，希望一些方法和坑能帮助到小伙伴~时间推回几年前，我刚刚自学 js 的时候，发现 js 居然不用定义类型，当时我对此表示很震惊。毕竟学了好几种计算机语言了，第一次知道原来程序中还能不定义类型，毕竟以前写伪代码都要写类型。刚开始我很不适应，写 var 的时候老是条件反射写成 int 或者 float 等类型关键字，毕竟以前定义
日期 2023-06-12 10:48:40TypeScript 中 type 和 interface 有什么区别？
大家好，我是前端西瓜哥，今天我们来看看 type 和 interface 的区别。type 和 interfacetype 是 类型别名，给一些类型的组合起别名，这样能够更方便地在各个地方使用。假设我们的业务中，id 可以为字符串或数字，那么我们可以定义这么一个名为 ID 的 type：type ID = string | number; 复制定义一个名为 Circle 的对象结构 type：ty
日期 2023-06-12 10:48:40TypeScript | 笔记
引言 TypeScript 学习笔记 TypeScript 是 JavaScript 的超集 你写 ts 代码，然后通过 ts 编译器编译为纯粹的 js 代码 ts 使用 js 语法，然后添加一个额外的语法以便支持强类型 安装 安装ts compiler npm install -g typescript tsc --v复制npm install -g ts-node 复制 编
日期 2023-06-12 10:48:40TypeScript 4.8 发布！重点新特性解读
大家好，我是 ConardLi。TypeScript 4.8 于 8 月 25 日发布正式版，本次发布带来了诸多新特性，我们一起来看几个比较重要的改动：联合类型、交叉类型、类型收窄的优化TypeScript 4.8 版本对 --strictNullChecks 带来了一系列准确性和一致性的改进。主要体现在联合类型、交叉类型以及类型收窄的工作方式上。例如，unknown 在本质上其实接近联合类型
日期 2023-06-12 10:48:40软件开发入门教程网之TypeScript 声明文件
TypeScript 声明文件TypeScript 作为 JavaScript 的超集，在开发过程中不可避免要引用其他第三方的 JavaScript 的库。虽然通过直接引用可以调用库的类和方法，但是却无法使用TypeScript 诸如类型检查等特性功能。为了解决这个问题，需要将这些库里的函数和方法体去掉后只保留导出类型声明，而产生了一个描述 JavaScript 库和模块信息的声明文件。通过引用这
日期 2023-06-12 10:48:40软件开发入门教程网站之TypeScript Array(数组)
TypeScript Array(数组)数组对象是使用单独的变量名来存储一系列的值。数组非常常用。假如你有一组数据（例如：网站名字），存在单独变量如下所示：var site1="Google"; var site2="Runoob"; var site3="Taobao";复制如果有 10 个、100 个这种方式就变的很不实用，这时我们可
日期 2023-06-12 10:48:40typescript学习笔记
1. 指令1.1 全局安装1yarn global add typescript复制1.2 生成配置文件1tsc --init复制1.3 开启ts监听转换1//需要提前在tsconfig.json里面配置监听路径 2tsc --watch复制2. 接口interface2.1 对象类型接口：1interface ListItem{ 2 id:number; 3 name:string;
日期 2023-06-12 10:48:40Laravel + Vue 3（Vite、TypeScript）SPA 设置
在本教程中，我将向大家展示如何使用 Laravel + Vue 3 使用 typescript 和 Vite 设置你自己的单页应用程序。这是在 Laravel 项目中添加 PWA 的手动方法。我们不会使用 InertiaJS 或其他类似的东西，我们也不会混合使用。我们将手动实现我们自己的 VueJS 前端。第 1 步：让我们创建我们的 Laravel 项目composer create-proje
日期 2023-06-12 10:48:40TypeScript入门
什么是 TypeScript、基本语法、高级类型、工程应用 # TypeScript 入门# 什么是 TypeScript# 发展历史2012-10：微软发布了 TypeScript 第一个版本 (0.8)2014-10：Angular 发布了基于 TypeScript 的 2.0 版本2015-04：微软发布了 Visual Studio Code2016-05：@types/react 发
日期 2023-06-12 10:48:40TypeScript 5.0 现已发布：全新的装饰器，速度、内存和包大小优化
作者 | Oghenevwede Emeni，Peng Cao 译者 | 核子可乐 策划 | 丁晓昀 微软在上周发布了 TypeScript 5.0 beta 版本，希望在助其瘦身之余简化使用方式、加快运行速度。此次公布的 beta 版还引入新的装饰器标准，使用户能够以可重用的方式自定义类及其成员。相对于 TypeScript 4.9 在速度和大小方面的提升：此次 beta 版的一大亮点，在于
日期 2023-06-12 10:48:40从0到1开启一个全新的TypeScript项目
本文由极客时间整理自 FreeWheel 核心业务团队高级软件工程师陈芸在 QCon+ 案例研习社的演讲《TypeScript 在 FreeWheel 核心业务团队的项目实践（上）》。作者｜陈芸编辑｜贾亚宁热衷前端技术的小伙伴都知道 TypeScript 这几年的需求呈现指数级增长的趋势，越来越多的开源项目开始使用 TypeScript 进行重构，出于对 TypeScript 究竟好不好，好在哪里
日期 2023-06-12 10:48:40我踩过了 TypeScript 的坑，只想告诉你快来
嘉宾 ｜ 许侃 编辑 ｜ 贾亚宁 用过 TypeScript 的开发者往往都会不约而同地直呼“真香”，但是我们也无法忽略 TypeScript 诸如学习曲线较陡和开发成本较高等阻碍。因此如何高效地使用和掌握 TypeScript，使其在中大型的项目中发挥最好的作用一直是大家讨论的热点话题。本次我们邀请了 FreeWheel 的 Tech Lead 许侃老师，请他来分享对于 TypeScript
日期 2023-06-12 10:48:40调查：React 仍然是使用最广泛的前端框架，TypeScript 是优先选项
作者 | 褚杏娟来源 | “前端之巅”公众号State of JavaScript 近期对近 40,000 名 Web 开发人员的调查结果再次显示了 TypeScript 的持续主导地位。在回答有关 JavaScript 编程风格问题的人中，TypeScript 的使用率高达 98.9%。值得关注的是， 20.7% 的受访者仅使用 TypeScript 编写代码，而仅使用 JavaScript 的
日期 2023-06-12 10:48:40开心档之TypeScript 联合类型
TypeScript 联合类型联合类型（Union Types）可以通过管道(|)将变量设置多种类型，赋值时可以根据设置的类型来赋值。注意：只能赋值指定的类型，如果赋值其它类型就会报错。创建联合类型的语法格式如下：Type1|Type2|Type3 复制实例声明一个联合类型：TypeScriptvar val:string|number val = 12 console.log("数
日期 2023-06-12 10:48:40