ts
Ts中的类
//1. function Person1(name,age){ this.name='zhangsan' this.age=20 this.run = function(){ alert('yundong') } } Person.prototype.sex = '男' Person.protot ......
Ts中的多态
// 父类定义一个方法不去实现,让继承它的子类去实现,每一个子类有不同的表现多态属于继承 class Animal{ name:string constructor(name:string){ this.name = name } eat(){ console.log('吃的方法') } } cla ......
Ts中的接口
接口的作用:在面向对象编程中,接口是一种规范的定义,它定义行为和动作的规范。 在程序设计里面,接口起到一定的限制和规范作用。接口定义某一些类所遵守的规范,接口不关心这些类的内部状态数据,也不关心类里面方法的实现细节 它只规定这批类中必须提供某些方法,提供的这些方法就可以满足某些需求。 ts的接口同时 ......
TS中的泛型
// 1泛型的定义 // 泛型:在软件工程中,我们不仅要创建一致的定义良好的api,同时也要考虑可重用性。组件不仅能够支持当前的数据类型,还能支持未来的数据类型 // 在C#和Java这种语言中,可使用泛型来创建可重用的组件,一个组件支持多种类型的数据 // 2泛型函数 // T表示泛型,具体什么类 ......
Ts中的抽象类
// 01.抽象类是提供其他类继承的基类,不能直接被实例化 // 02.用abstract关键字定义抽象类和抽象方法,抽象类中的抽象方法不包含具体实现并且必须在派生类中实现 // 03.abstract抽象方法只能在抽象类中 // 04.抽象类和抽象方法用来定义标准:例如,要求Animal类的子类必 ......
Ts类型别名
对已知的一些类型定义名称 ``` type 类型名 = ... ``` ``` # 举个例子 type Gender = "男" | "女"; type User = { name: string, age: number, gender: Gender } let u: User; u = { n ......
Ts数据类型
# 如何进行类型约束 仅需要在 变量、函数的参数、函数的返回值位置加上```:类型``` ts在很多场景中可以完成类型推导 any: 表示任意类型,对该类型,ts不进行类型检查 # 基本类型 - number:数字 - string:字符串 - boolean:布尔 - 数组 - object: 对 ......
vue3+vite+TS搭建项目
## 安装 npm安装方式 ```shell npm init vue@latest ``` pnpm安装方式(二选一) ```shell pnpm create vue@latest ``` 然后设置项目名称,接着选择自己需要的配置,安装完成 ......
vue3和ts的一些使用
### 一. setup 变量不在写在data里面, 反而在setup内写。 ``` ``` ***ps:*** 1. 使用ref定义字符串,数组等变量值; 2. 变量赋值需要使用.value; ### 二. reactive ``` ``` ***ps*** 1. reactive 接收对象。 2 ......
[ts]typescript高阶之typeof使用
**LcukyCola前端工具官网:** [https://luckycola.com.cn/public/dist/#/](https://luckycola.com.cn/) # 前言 学习目标 1、typeof与对象结合使用 2、typeof与枚举结合使用 3、typeof与class类结合使 ......
ts基础
# ts基础 官网:[中文网](https://www.tslang.cn/ "中文网") version: v4.6.3(最新版) ### 概念 添加了类型系统的 JavaScript,适用于任何规模的项目,它强调了 TypeScript 的两个最重要的特性——类型系统、适用于任何规模。从 Typ ......
TS中, Array.reduce提示没有与此调用匹配的重载?
起因 一个feature开发, 结果需求评审、工时预估, 简直是事故级别的. 最后, 迫于无奈, 全组人都得上去救火... 今天, 帮忙改bug的时候, 发现新checkout下来的代码, 还带着新鲜的语法错误...简直大无语. 翻了遍代码, 发现很多地方都存在Array.reduce类型重载相关的 ......
.js .jsx .ts .tsx的区别
.js是javascript文件的扩展名,例如main.js。 .jsx是javascript文件并表明使用了JSX语法。 .ts是typescript文件的扩展名 .tsx表明是typescript文件并使用了JSX语法。 https://zhuanlan.zhihu.com/p/43538518 ......
使用lupdate命令清空qt工程里面的.ts文件多余的无效翻译,终端提示没有找到lupdate命令
使用lupdate命令清空qt工程里面的.ts文件多余的无效翻译,终端提示没有找到lupdate命令 实验平台:Ubuntu 16.04 解决过程: 1.在终端中使用lupdate xxx.pro -no-obsolete命令 2.终端提示在/usr/lib/x86_64-linux-gnu/qt4 ......
ts笔记
关于简括号<>的意义,目前发现两种用法: 1、泛型:用于约束内容函数或类的内容; 2、断言或铸造,类似as let square = <Square>{}; let square = {} as Square; 翻译 搜索 复制 ......
vue3 css ts 双重弹跳加载动画
/双重弹跳加载动画 */ 效果如同页面 https://codepen.io/yjx123/pen/zYMvbML ``` ``` ......
JavaCV音视频开发宝典:使用JavaCV读取海康平台或海康网络摄像头sdk回调视频TS码流并解析预览图像
> **《JavaCV音视频开发宝典》专栏目录导航** > [《JavaCV音视频开发宝典》专栏介绍和目录](https://eguid.blog.csdn.net/article/details/122066641) ![JavaCV音视频开发宝典](https://img-blog.csdni ......
VS下TS前端与C#的WebApi后端配合实例
如题。 1、新建WebApi默认解决方案 WebApi使用.net core下框架默认的例子(WeatherForecast) 以下代码为自动生成 public class WeatherForecast { public DateOnly Date { get; set; } public int ......
vue3+ TS pinyin uniapp 索引列表-(A-Z)按首字母排序 ,锚点定位
获取一维数组 地址列表 <script lang="ts" setup> import { getLocationList } from "@/apis/activity"; import {onLoad} from "@dcloudio/uni-app"; import { pinyin } fr ......
vite.config.ts server的配置
import { defineConfig } from 'vite' //Install node types before calling below import import {fileURLToPath} from "url"; import path from 'path'; impor ......
尚硅谷ts笔记
# 第一章 快速入门 ## 0、TypeScript简介 1. TypeScript是JavaScript的超集。 2. 它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。 3. TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。 4. TS完全兼容JS,换言之,任何的J ......
tscconfig.json--ts配置文件
![](https://img2023.cnblogs.com/blog/2653936/202306/2653936-20230606133026666-166580470.png) ![](https://img2023.cnblogs.com/blog/2653936/202306/26539 ......
vue3+ts 报错 Cannot find module '../xxx/xxx.vue' or its corresponding type declarations(找不到对应的模块“@/views/xxx.vue”或其相应的类型声明)
解决方法在env.d.ts中加入下面代码 declare module '*.vue' { import { DefineComponent } from "vue" const component: DefineComponent<{}, {}, any> export default compo ......
基于 Vue3 + TS 的前端结构
效果预览: ![](https://img2023.cnblogs.com/blog/3214089/202306/3214089-20230604204034093-1526814837.png) ![](https://img2023.cnblogs.com/blog/3214089/20230 ......
TS中一些常见报错的写法修正
# Cannot invoke an object which is possibly ‘undefined‘ 在openSpeedUpModal方法后面加上! openSpeedUpModal!(record.id, record.priority) 参考:https://flowus.cn/46 ......
TS promise
在 TypeScript 中,Promise 是用于处理异步操作的对象。它表示一个可能在未来某个时间点完成或失败的操作,并返回操作结果或错误。 Promise 可以有三种状态: pending(进行中):Promise 的初始状态,表示操作正在进行中。 fulfilled(已完成):表示操作成功完成 ......
UnoCSS 0.52.x:uno.config.ts 文件配置了但是不生效的问题
今天更新了 UnoCSS 版本到 0.52.7 版本,现在也有了官方文档,推荐通过 `defineConfig` 对 UnoCSS 进行配置。 一些官方提供的、默认的规则都可以正常使用,但是对于一些自定义的规则和 shortcuts 就不起作用了。最终发现的问题是,不管在 src 目录下还是在项目根 ......
uniapp+vue3+ts 使用pinia报错
"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs". 11:36:19.397 at ../no ......