typescript

TypeScript 初体验

什么是 TypeScript TypeScript 是静态类型的 JavaScript 超集 类型系统按照「类型检查的时机」来分类,可以分为动态类型和静态类型。 动态类型是指在运行时才会进行类型检查,这种语言的类型错误往往会导致运行时错误。 TypeScript 在运行前需要先编译为 JavaScr ......
TypeScript

[Typescript] Testing type

1. TSD: https://github.com/SamVerschueren/tsd import {expectType} from 'tsd'; import concat from '.'; expectType<string>(concat('foo', 'bar')); expect ......
Typescript Testing type

[React Typescript] ComponentProps

Blog: https://www.totaltypescript.com/react-component-props-type-helper Get any Prop type from html element: import { ComponentProps } from "react"; t ......
ComponentProps Typescript React

[Typescript] Builder pattern 07- Reducer

import {Expect, Equal} from "../types/utils" import { expect, it } from 'vitest'; type PayloadsToDiscriminatedUnion<T extends Record<string, any>> = { ......
Typescript Builder Reducer pattern 07

与chatGPT讨论c#的calss 与TypeScript中的calss问题

与chatGPT讨论c#的calss 与TypeScript中的calss问题 目前来说chatGPT可以说是一场革命,它为我们提供了另一种选项,当你遇到问题的时候,只能去百度但度出来的结果大多不是我们想要的结果,特别是百度当你想要问度娘时......等到的却是一大堆广告,心中不由升起无明之火,不知 ......
calss TypeScript chatGPT 问题

typescript

什么是typescript typescript是微软开发的编程语言,它的后缀名是ts,通过编译可以将ts文件编译成ts文件,它定义了一些新语法使得开发起来可维护性更高也更好用,ts与js的区别如下图所示: 在进行angular开发时,开发者不需要引入ts依赖,angular已经导入了ts依赖。 快 ......
typescript

kysely typescript 类型安全的sql 查询构建包

typescript 目前已经有不少方便的sql 工具了,kysely 是一个类型安全方便的sql 查询构建工具对于使用typescript 开发node 服务的是个一个不错的选择,值得试用 参考资料 https://github.com/kysely-org/kyselyhttps://typeo ......
typescript 类型 kysely sql

typescript 泛型

var service={ getStringValue:function(){ return "a string value"; } getNumberValue:function(){ return 20; }}; function middleware(value){ console.log( ......
typescript

TypeScript 学习笔记 — 模板字符串和类型体操(十五)

基本介绍 TS 中模板字符串类型 与 JS 模板字符串非常类似,,通过 ${} 包裹, 模板字符串类型的目的就是将多个字符串组装在一起 type name = "Echoyya"; type sayHaha = `hi ${name} haha`; // type name = "Echoyya"; ......
字符串 体操 TypeScript 字符 模板

typescript基本语法

TypeScript是JavaScript的一个超集,为JavaScript添加了类型、接口、泛型、类、模块等新的特性。以下是TypeScript一些基本语法: 变量声明 在TypeScript中使用let、const、var关键字来声明变量,使用冒号+类型来指定变量的类型,例如: let coun ......
语法 typescript

TypeScript 面试题

一、TypeScript 是什么? JavaScript是一种解释型的脚本语言,基于对象,跨平台的特性,活跃于各大网站制作中。而TypeScript则是以JavaScript作为基础,并对其扩展的一种新的语言, 二、TypeScript 的内置数据类型有哪些? 数字类型:用于表示数字类型的值。Typ ......
TypeScript

TypeScript 基础语法以及注意事项

TypeScript(简称TS)是一种由Microsoft开发的静态类型检查器,它在JavaScript的基础上添加了强类型和其他一些特性。以下是TS的一些基本语法和注意事项: 变量声明 在TS中,变量声明时需要指定其类型,例如: 这样就声明了一个名为myString的字符串变量,并将其赋值为"He ......
语法 TypeScript 注意事项 事项 基础

[Typescript] ts-toolbelt F.Narrow preserve the exactly data for function arguement

Example code: interface Fruit { name: string; price: number; } export const wrapFruit = <TFruits extends Fruit[]>(fruits: TFruits) => { const getFruit ......

TypeScript必知三部曲(二)JSX的编译与类型检查

在本三部曲系列的第一部中,我们介绍了TypeScript编译的两种方案(tsc编译、babel编译)以及二者的重要差异,同时分析了IDE是如何对TypeScript代码进行类型检查的。该部分基本涵盖了TypeScript代码编译的细节,但主要是关于TS代码本身的编译与类型检查。而本文,我们将着重讨论 ......
三部曲 TypeScript 类型 JSX

typeScript声明文件的一个注意点:不能使用导入导出语法

一、起因 使用vue3+ts在写一个demo的时候,用到路由模块的时候,觉得需要自定义一个类型声明,所以写了一个.d.ts声明文件,而这个文件写完的时候,发现vscode老是提示找不到类型声明。 起初,我以为是ts配置文件写错了,没有在include里面写入这个文件,ts察觉不到。但是后来改来改去发 ......
语法 typeScript 文件

【TypeScript】document.body.style TS 报错 Cannot assign to 'style' because it is a read-only property.ts(2540)

报错信息 解决方法 style对象提供了一个cssText属性,支持设置多种CSS样式: document.body.style.cssText = `width:${targetX}px; height:${targetY}px; transform: scale(${scaleRatio}) t ......
style TypeScript read-only document property

Vue3+typescript如何给元素添加一个Ctrl+s的事件,用于保存文件?

如下代码,建议用这个,e.keyCode 已经过时,后面都是用 e.key:string. onMounted(() => { window.addEventListener('keydown', (e) => { if (e.ctrlKey && e.key 's') { // 检查是否按下了 C ......
typescript 元素 事件 文件 Vue3

[转]typeScript interface和type区别

原文地址:https://www.jianshu.com/p/555e6998af36 以下为截取的总结,详细请点击查看原文: 总结 interface 和 type 很像,很多场景,两者都能使用。但也有细微的差别: 不同点: 扩展语法: interface使用extends,type使用‘&’ 同 ......
typeScript interface type

TypeScript:接口

介绍 TypeScript的核心原则之一是对值所有的结构类型进行类型检查。在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义约束。 接口的基本使用 interface LabelledValue { label: string; } function printLab ......
TypeScript 接口

TypeScript: 类型别名

类型别名 在 TYPESCRIPT 中,类型别名可以使用 TYPE 关键字来定义。类型别名可以方便地定义一个类型,并为其起一个易于理解的名称,以便在其他地方引用该类型时使用。 示例 type MyString = string; type MyNumber = number; type MyObje ......
别名 TypeScript 类型

TypeScript: 类型断言

类型断言 在 TypeScript 中,类型断言(Type Assertion)是一种告诉编译器变量的类型的方式。通过类型断言,开发者可以在不改变变量本身值的情况下,将变量的类型从一种类型转换为另一种类型。 在 TypeScript 中,类型断言有两种语法: 尖括号语法 const someValu ......
TypeScript 类型

使用typescript实现Promise

/** * @name MyPromise * @description 简单实现Promise * @author **** */ class MyPromise<T> { //存放成功的回调函数 private resolveFn: Function = () => {}; //存放失败的回调函 ......
typescript Promise

TypeScript 学习笔记 — 数组常见的类型转换操作记录(十四)

获取长度 length type LengthOfTuple<T extends any[]> = T["length"]; type A = LengthOfTuple<["B", "F", "E"]>; // 3 type B = LengthOfTuple<[]>; // 0 取第一项 Fir ......
数组 TypeScript 常见 类型 笔记

ai问答:使使用 Vue3 组合式API 和 TypeScript 父子组件demo

这是一个使用 Vue3 组合式 API 和 TypeScript 的简单父子组件示例 父组件 Parent.vue: <template> <div> <p>{{ msg }}</p> <Child /> </div> </template> <script lang="ts"> import { ......
父子 TypeScript 组件 Vue3 demo

ai问答:使用 Vue3 组合式API 和 TypeScript 封装 echarts 折线图

<template> <div ref="chart" style="height: 500px;"></div> </template> <script lang="ts"> import { ref, onMounted, watch } from 'vue' import * as echar ......
线图 TypeScript echarts Vue3 Vue

Vue Typescript 引入文件接口,就无法使用withDefaults

就是代码写的不规范 报错写法 import {Setting} from '@element-plus/icons-vue' import { defineProps ,withDefaults } from 'vue' import {PiProject} from '@/types/Projec ......
withDefaults Typescript 接口 文件 Vue

TypeScript中的实用工具类型(Utility Types)

TypeScript中的实用工具类型是一些预定义的泛型类型,可用于操作或创建其它新类型。这些实用工具类型在所有TypeScript项目中都是全局可用的,因此无需添加任务依赖项即可使用它们。 1.Partial<Type> 将Type的所有属性都设置为可选的类型。 1 interface Person ......

TypeScript 的实用技巧

TypeScript 的实用技巧 类型别名和接口:使用类型别名或接口可以定义复杂的数据类型,提高代码的可读性和可维护性。 泛型:使用泛型可以提高代码的复用性,使代码更加灵活。 非空断言操作符(!):当开发者确定一个变量或属性不为 null 或 undefined 时,可以使用非空断言操作符(!)来告 ......
实用技巧 TypeScript 技巧

Vue JS项目 添加TypeScript

Vue JS项目 添加TypeScript 转载请注明来源 谢谢 git文件全部提交 必须全部提交 因为会改掉你的文件.很恶心. vue.config.js 添加下面内容 pages:{ index:{ entry:'src/main.js' } } 项目根目录运行 vue add typescri ......
TypeScript 项目 Vue

【vue3-element-admin 】基于 Vue3 + Vite4 + TypeScript + Element-Plus 从0到1搭建后台管理系统(前后端开源@有来开源组织)

本篇通过万字长文详细介绍 vue3-element-admin v2 版本从 0 到 1,相较于v1版本增加了对原子CSS(UnoCSS)、按需自动导入、暗黑模式等功能的支持以及重构优化。v2 版本发布也标志着有来开源组织的 SpringBoot3 + Vue3 前后端分离开源项目到达新的里程碑,希... ......