TS
ts 文件 eslint - disable no-var
什么是ESLint？ - 知乎 (zhihu.com) ESLint 是 JavaScript 代码检查工具。 它可以配和 VS Code 的 ESLint 插件来提示代并修复码格式错误，也可以在命令行使用，比如执行 eslint. --fix 来检查并修复代码格式。 ESLint 也可通过插件来配 ......
TS踩坑
1、*.d.ts文件中声明了命名空间，但是在页面中用的时候提示“找不到该命名空间” 解决方案： 切记：不要给命名空间加export 【注】1、*.d.ts文件顶级声明declare最好不要跟export同级使用，不然在其他需要引用这个*.d.ts的内容的时候，就需要手动import引入了 2、*.d ......
关于前端的vue3框架遇到的一些问题.前后端分页和js,ts进行编写时的区别
分页有两种形式,一种是前端进行分页,一种是后端进行分页 前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total: ......
uni-app+vue3+ts项目搭建完整流程
项目代码同步更新至码云 uni-vue3-ts-template 开发前准备 利用 uni-app 开发，有两种方法： 通过 HBuilderX 创建（需安装 HBuilderX 编辑器） 通过命令行创建（需安装 NodeJS 环境），推荐使用 vscode 编辑器 这里我们使用第2种方法，这两种方 ......
TS自动轮播图
App开发中经常用到这种轮播图组件。 最近在做Vue商城类的应用时正好用到，整理记录一下一遍后续使用。主要逻辑就是通过定时器间隔一定时间移动显示内容到对应位置改变offset，需要特殊处理的地方是滚动到最后一页时，把首页拼接到后边，下一次滚动时滚到第一页然后重置，形成循环往复自动播放。本组件还添加了 ......
微信小程序 ts npm
以 ts 构建的微信小程序项目，如何安装npm呢？ npm 直接在项目根路径下，按照平时的习惯创建就可以了，比如我想引入day js npm i dayjs 但是这种情况下，直接直接用会出错，即使ts提示正常 import dayjs from "dayjs"; const str=dayjs(). ......
TS MQTT封装
TS MQTT封装 导入相关包 npm i mqtt npm i lodash guid 随机生成就行，具体可以参考百度或者随便生成一个随机数* 代码封装 import mqtt from 'mqtt' import type { MqttClient, OnMessageCallback, ICl ......
vue3+ts打开echarts的正确方式
实例项目使用 vite5 + vue3 + ts，项目地址 vite-vue3-charts，预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址，然后在 应用管理 -> 我的应用 里，创建应用，创建好后复制 AK 2. 在 ......
【Angular】在vscode中，某些库接口，如SimpleChanges，没有导入，鼠标移上去，ts语言功能没有快速修复选项，如何能够恢复快速修复功能？
It appears that until recently (before TypeScript 4 release) the only way to make auto-imports work was to import each library you need at least once ......
ts构建编译选项-tsconfig.json
概述 如果一个目录下存在一个tsconfig.json文件，那么它意味着这个目录是TypeScript项目的根目录。 tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。 一个项目可以通过以下方式之一来编译： 使用tsconfig.json 不带任何输入文件的情况下调用tsc， ......
Vue3+TS+Vite中 vConsole 插件的使用
vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 https://gitee.com/Tencent/vConsole/ 平时在web应用开 ......
vscode打开vue3，报红，ts类型找不到问题
vscode不用禁用原有的插件Veyur和javascriptVue 之前 vscode 检测到 vue3 ，自动推荐安装了 Vue Language Feature（Volar），但用它扔有类型报错。官方推荐，使用 它 时禁用 Vetur，以免有冲突。 只需安装TypeScript Vue Plu ......
vue3 + vite + ts 配置 @ 别名
第一步 npm install @types/node -D 第二步 这是原 vite.config.ts文件 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev ......
解决ts中的类型问题：利用any类型污染来实现
nestjs用request.user可以获取到passport中自己编写的策略返回的值，但是使用这个user中的数据时，就显示返回的user值的类型中没有其他数据。使用ctrl+鼠标点一下这个user，跳转到passport依赖的一个文件中，原来这个user是定义了一个接口，里面是空的。如果使用这 ......
Modbus转PROFINET网关TS-180快速实现软启动器和马达保护器与西门子PLC的通信
在钢铁厂的生产过程中，电机作为驱动各种生产机械和辅助设备的关键设备，其正常运行对于生产效率和质量至关重要。为了确保电机的正常运行和使用寿命，通常会使用软启动器和马达保护器等设备，因此监控软启和马达保护器的工作参数成为重点。 福建某钢铁厂，中控室使用S7-1515PLC，实时监控现场软启和马达保护器的 ......
vue引入ts报找不到模块或其相应的类型声明
我出现这个的原因是我配置了‘@/’的路径别名配置，然后在引入ts报了这个问题。 主要原因为：在查找ts文件的时候，路径出现了问题。 解决方法（主要是第二点，第一点单纯记录了我配置的别名路径） 1.vite.config.ts进行了'@/'的别名配置 resolve: { // 路径别名配置 alia ......
vue3+ts项目引入eslint和prettier
创建项目 // uniapp npm install -g @dcloudio/uni-cli npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project // vue3npm init vite@latest my-project --tem ......
TS 相关知识汇总
基本数据类型： string number boolean null undefined void表示没有任何数据类型 特殊数据类型 Array any 元组tuple 枚举enum 接口 泛型 ......
TS（三）TS（三）其他常用类型
元组 元组定义需要指定每一个元素的类型： let arr:[number, boolean] = [1, true] arr[0] = 2 越界则推断为交叉类型 let arr:[number, boolean] = [1, true] arr.push(2) console.log(arr) 如果 ......
TS（四）泛型
TS（四）泛型与泛型约束 1 基本使用 TS的泛型可以让函数能够动态地支持多种参数和返回值的数据类型 即在写的时候不指定具体的数据类型，而在调用的时候进行指定 TS的泛型在调用的时候可以不用指定类型，解释器会自己推断，下面的两个语句作用是相同的 fun2<string, string>("1", " ......
TS（六）三斜线指令
TS（六）三斜线指令与声明文件 1 三斜线指令 类似于import的作用，但是不知道为什么我这里无效 ///<reference path="index2.ts" /> ///<reference path="index3.ts" /> namespace A { export const a = ......
TS（五）tsconfig配置文件
TS（五）tsconfig配置文件与命名空间 1 tsconfig配置文件简介 使用tsc --init即可生成ts配置文件 "compilerOptions": { "incremental": true, // TS编译器在第一次编译之后会生成一个存储编译信息的文件，第二次编译会在第一次的基础上 ......
【转】ES、TS、JS的区别
ES是一个计算机编程语言标准，这种语言只要实现出来就一定能用（而实际上没有实现，不是因为太难什么的，单纯是不想做）
JS是继承并略微扩展ES的另一个计算机编程语言标准。各大浏览器实现了这门语言。
TS是继承并大量扩展ES的又一个计算机编程语言标准，并且这门语言规定自己可以转换成JS。微软自己实现了这... ......
5.TypeScript入门之TS高级类型（class类）
Ⅳ.TypeScript高级类型概述TS中的高级类型有很多，重点学习以下高级类型： class类类型兼容性交叉类型泛型和 keyof索引签名类型 和 索引查询类型映射类型4.1 class类TypeScript 全面支持 ES2015 中引入的class关键字，并为其添加了类型注解和其他语法（比如， ......
四、ts高级类型
四、ts高级类型 四、ts高级类型 今天也是一个小透明关注IP属地: 青海 0.1032022.03.07 22:50:41字数 2,354阅读 2,398 主要：class类、类型兼容性、交叉类型、泛型和keyof、索引签名类型和索引查询类型、映射类型 1、class类 ts全面支持es6的cla ......
将第2层数据中的数组对象中的ts属性、value属性遍历单独存放到一个新数组中xData、yData，且放到上一层数组对象中和eqName、eqSpareName等属性平级，充当一个数组属性
......
前端所有元素标签在ts中的类型汇总
interface Type { "a": HTMLAnchorElement; "abbr": HTMLElement; "address": HTMLElement; "applet": HTMLAppletElement; "area": HTMLAreaElement; "article": ......
在ts文件中使用pinia
我们在vue组件中使用pinia时，可以通过下面代码来实现 <script lang="ts" setup> import {useUserStore} from "@/store/userStore" const userStore = useUserStore() </script> 但是我们在 ......
node搭配ts设置路径别名
场景 不使用vite或者Webpack一类的打包工具，只单纯的使用tsc作为打包工具，其他全为原生js或者ts代码，需要配置tsconfig.json和额外引入module-alias.js这个包来使用，换句话说，无法通过只配置tsconfig.json完成别名配置，必须搭配第三方包。 配置tsco ......