ts专题

nodemon运行ts文件

https://juejin.cn/post/7035637086451400734 nodemon经常用来调试js文件,大家都是知道的,但是用nodemon来调试ts文件,大家试过吗? 如果直接运行nodemon index.ts是会报错的。 ts 复制代码 //index.ts console.log(1) 需要全局安装两个包,一个是ts-node,另一个是type

基于uniapp+vue3+ts小程序项目实战之项目初始化

🚀 作者 :“二当家-小D” 🚀 博主简介:⭐前荔枝FM架构师、阿里资深工程师||曾任职于阿里巴巴担任多个项目负责人,8年开发架构经验,精通java,擅长分布式高并发架构,自动化压力测试,微服务容器化k8s等 🚀 欢迎小伙伴们 点赞👍、收藏⭐、留言💬 🍅文末获取源码联系 配套笔记打包🍅目录 一、小滴课堂微信小程序项目初始化 1.1小滴课堂微信小程序项目需求分析 首页:

vscode调试Electron+ts

调试Electron+js 调试Electron+js: https://www.electronjs.org/zh/docs/latest/tutorial/debugging-vscode 调试Electron+ts 首先看一下,我的目录结构。目录结构决定了launch.json中的路径部分。我将在项目根目录下进行调试,项目根目录下包含electron代码部分,和src等前端代码部分

Typescript 哲学 - ts模块使用最佳实践

ts的作用域 默认是全局(global),这也是为什么在 两个ts文件声明同一个变量报错变量名冲突,解决方法是使某个文件以模块的形式存在(文件顶层使用 export 、import ) In TypeScript, just as in ECMAScript 2015, any file containing a top-level import or export is considered

Next.js+TS项目中的错误边界处理与渲染降级实践

在开发基于Next.js的TypeScript应用程序时,我们经常会遇到一些意料之外的JavaScript错误,这些错误可能会导致页面直接白屏,严重影响用户体验。为了提升应用的健壮性和用户体验,引入ErrorBoundary组件是一种非常有效的策略。本文将深入探讨如何在Next.js + TypeScript项目中使用ErrorBoundary来优雅地处理运行时错误,并实现页面的降级渲染。

你知道在 TS 中判断两个类型相等有多难吗?

公众号:程序员白特,欢迎一起交流学习~ TypeScript 中的类型相等 如果我们想判断两个变量是否相等,可以简单的通过 == 或 === 来进行比较,但是对比两个类型则不行。 在 TypeScript 中,类型是静态的,只会在编译时进行类型检查。 如果我们有两个类型 A 和 B,我们直接比较两个类型是否相等则会报错: type A = number;type B = stri

Taro@3.x+Vue@3.x+TS开发微信小程序,网络请求封装

参考文档 Taro.request(option) 在 src/http 下创建 request.ts, 写入如下配置: import Taro from '@tarojs/taro'import { encryptData } from './encrypt' // 请求数据加密,可选console.log('NODE_ENV', process.env.NODE_ENV)consol

使用 webpack 打包 ts 代码

文章目录 使用 webpack 打包生成 package.json安装 cnpm安装 webpack 相关编写 webpack 配置文件创建 tsconfig.json修改 package.json使用webpack打包 安装插件html-webpack-pluginwebpack-dev-serverclear-webpack-pluginbabel 模块问题 使用 webpac

【TS】入门

创建项目 vscode自动编译ts 生成配置文件 tsc --init 然后发现终端也改变了:

vue3+ts实现文件上传

vue3+ts上传文件 <template><div><input type="file" ref="fileInput" @change="handleFileUpload"><button @click="uploadFile">Upload</button></div></template><script setup lang="ts">import { ref } from 'vue

react18+ts如何生成二维码并且下载

目录 一、下载qrcode.react 二、引入qrcode.react 三 、编写下载二维码的函数 在react开发中如果需要二维码,笔者选择使用qrcode.react来快速生成。 一、下载qrcode.react pnpm add qrcode.react 二、引入qrcode.react import {Box,Stack,Fab} from '@mui/materia

Ft5x06_ts驱动程序的重写

我们分析内核源码可知,Ft5x06_ts触摸屏驱动程序涉及如下内容: 1.  Linux下I2C驱动框架 2.  Linux下中断系统 3.  Linux下workqueue机制 4.  Linux下输入子系统 5.  中断初始化、I2C控制器相关初始化。在arch/arm/mach-exynos/mach-smdk4x12.c中的s3c_i2c1_set_platdat

vue3+ts父子通信

在Vue 3中,使用TypeScript进行父子组件通信的方式与使用JavaScript是类似的,只是需要注意类型的声明。defineProps和defineEmits是在子组件中用于声明props和emits的函数。 // ChildComponent.vue<template><button @click="increment">{{ count }}</button></templat

Vue3+ElementPlus+TS开发业务功能的问题汇总(持续更新)

1.开发表单弹框功能时遇到两个问题:加入了校验规则后,无论下拉框是否选择数据下面的红色提示都会触发显示不会自动隐藏 ; 另外,新增的功能在提交后数据无法重置,这种在修改时可能会出现,但新增正常情况是不会出现的,故此一脸懵逼。 最后查找原因是因为表单绑定model时候用错了方法,用的v-model指令进行的绑定,而不是:model的方式绑定的模型,两者是有区别的,其中:model相当于v-bind

2、TS中的基础讲解

类型的分类:基础类型、 高级类型、 内置类型、 自定义类型 类型体操 每个ts文件饾建议添加 export { } ,解决ts文件报错问题 模块化的问题 我们在学习ts的工程中主要学习ts如何写类型,(ts关注的是类型,不是业务逻辑) TS的类型都是在变量后面来写,:后面跟类型 =后面是值 (TS语法,不是js对象) let myName: string = ‘hello world’

php的ts和nts选择

关于php的ts和nts ,你了解多少?   1. 简介 ts(Thread-Safety)即线程安全,多线程访问时,采用了加锁机制,当一个线程访问该类的某个数据时,进行保护,其他 线程不能进行访问直到该线程读取完,其他线程才可使用。不会出现数据不一致或者数据污染php以ISAPI方 式加载的时候选择这个版本.,php以ISAPI方式加载的时候选择这个版本.       nts(None

vue3+ts+vant选择器选中文字效果

所需要的样式: 选中某个选项后文字有放大和改变颜色的效果 主要就是在van-picker上加class, 给对应的style样式即可 <van-pickerclass="custom-picker":title="pickerData.titleText"v-if="pickerData.ispicker"show-toolbar:columns="columns"@confirm="onCo

TS学习-抽象类和静态成员

目录 1,抽象类1,为什么需要抽象类2,抽象成员3,设计模式-模板模式 2,静态成员1,什么是静态成员2,设计模式-单例模式 1,抽象类 1,为什么需要抽象类 有时,某个类只表示一个抽象的概念,主要用于提取子类的公共成员,而不是直接创建它的实例对象。此时,这个类可以作为抽象类。 实现:在类名前加 abstract,抽象类不可以通过 new 来创建实例对象。 2,抽象成员

关于TS的的注意事项和一些基本问题

TypeScript(TS)是JavaScript的一个超集,它添加了静态类型、接口和类等功能,使得代码更加健壮和易于维护。以下是关于TypeScript的一些注意事项和基本问题: 注意事项 类型声明: 在TypeScript中,变量、函数参数和返回值都需要声明类型。这有助于在编译时捕获类型错误。使用any类型时要谨慎,因为它会绕过类型检查。尽量使用具体的类型,除非确实需要any。接口和类型别

[uniapp] 配置ts类型声明

我想引进图片,但是报错 声明一下就行 TypeScript 支持 | uni-app官网 创建tsconfig.json文件,复制官网的配置 然后在随便一个目录下写一个随便名字的.d.ts文件 例如这样 保存就行  因为ts是默认扫描全部的,所以要按照官网的写法 把不必要的排除掉就行,免得浪费性能

TS学习-类的继承

目录 1,继承的作用2,成员的重写 Override3,类型匹配(兼容性)4,修饰符5,单根性和传递性 接这篇文章 TS学习-类 1,继承的作用 继承可以描述类与类之间的关系。 如果A和B都是类,并且可以描述为A是B,则A和B形成继承关系。 B是父类,A是子类B派生A,A继承自BB是A的基类,A是B的派生类 A(男人女人小孩老人)都是B(人)。 如果A继承自B,则A中自动

js/ts全栈开发 t3 stack

技术栈 React + Vite + TailwindCSS / Nestjs + TRPC + Prisma(SQLite) / Docker GitHub: https://github.com/cooderl/react-nestjs-full-web-app t3 stack The T3 Stack is a web development stack made by The

搞定 TS 装饰器,让你写 Node 接口更轻松

前言 亲爱的小伙伴,你好!我是 嘟老板。你是否用过 TypeScript 呢?对 装饰器 了解多少呢?有没有实践应用过呢?今天我们就来聊聊 装饰器 的那点事儿,看看它有哪些神奇的地方。 什么是装饰器 咱们先来看一段代码: @Controller('/user')export class UserController {@Get('/queryList')queryList() {// 查

TS typescript高级类型

// 联合类型let connect: string | number;connect = "Tom";connect = "13500000000";// keyof 提取一个类型的属性名 作为联合类型interface PersonModal {name: string;age: number;hobby?: Array<string>;}type PersonKeys = ke

jsPDF + html2canvas + Vue3 + ts项目内,分页导出当前页面为PDF、A 页面内导出 B 页面的内容为PDF,隐藏导出按钮等多余元素

jsPDF + html2canvas + Vue3 + ts + Arco Design项目,分页导出当前页面为PDF、A 页面内导出 B 页面的内容为PDF,隐藏导出按钮等多余元素… 1.下载所需依赖 pnpm install --save html2canvaspnpm install --save jspdf 引入依赖 <script setup lang="ts">impor

Vue3组合式API + TS项目中手写国际化插件

文章目录 1. 在项目中创建一个国际化插件的文件i18n.ts2. 创建语言模块json3. 注册插件4. 语言切换组件5. 使用插件(ts中使用全局需注意点) 1. 在项目中创建一个国际化插件的文件i18n.ts <!-- plugins/i18n.ts -->export const i18nPlugin = {install(app: any, option: any)