经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 TypeScript

前端 Typescript 入门

前端 Typescript 入门 Ant design vue4.x 基于 vue3,示例默认是 TypeScript。比如 table 组件管理。 vue3 官网介绍也使用了 TypeScript,例如:响应式 API:核心 华为的鸿蒙OS(HarmonyOS)开发中也可以使用 TypeS...[2024/3/29]

从零搭建Vue3 + Typescript + Pinia + Vite + Tailwind CSS + Element Plus开发脚手架

项目代码以上传至码云,项目地址:https: gitee.com/breezefaith/vue-ts-scaffold 目录前言脚手架技术栈简介vue3TypeScriptPiniaTailwind CSSElement Plusvite详细步骤Node.js安装创建以 typescri...[2024/2/2]

使用命令行方式搭建uni-app + Vue3 + Typescript + Pinia + Vite + Tailwind CSS + uv-ui开发脚手架

.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(37, 41, 51, 1) } .markdown-body h1, .markdown-...[2024/1/26]

Vite4+Typescript+Vue3+Pinia 从零搭建(7) - request封装

Vite4+Typescript+Vue3+Pinia 从零搭建(7) - request封装

项目代码同步至码云 weiz-vue3-template 基于 axios 封装请求,支持多域名请求地址 安装 npm i axios 封装 utils 目录下新建 request 文件夹,并新建 index.ts、request.ts 和 status.ts 文件。 1. stat...[2023/12/21]

Vite4+Typescript+Vue3+Pinia 从零搭建(6) - 状态管理pina

项目代码同步至码云 weiz-vue3-template pina 是 vue3 官方推荐的状态管理库,由 Vue 核心团队维护,旨在替代 vuex。pina 的更多介绍,可从 pina官网 查看 特点 更简洁直接的 API,提供组合式风格的 API 支持模块热更新和服务端渲染 对TS支...[2023/12/5]

Vite4+Typescript+Vue3+Pinia 从零搭建(4) - 代码规范

项目代码同步至码云 weiz-vue3-template 要求代码规范,主要是为了提高多人协同和代码维护效率,结合到此项目,具体工作就是为项目配置 eslint 和 prettier。 editorconfig 安装 EditorConfig for VS Code 插件,根目录下新建 ...[2023/11/29]

Vite4+Typescript+Vue3+Pinia 从零搭建(3) - vite配置

Vite4+Typescript+Vue3+Pinia 从零搭建(3) - vite配置

项目代码同步至码云 weiz-vue3-template 关于vite的详细配置可查看 vite官方文档,本文简单介绍vite的常用配置。 初始内容 项目初建后,vite.config.ts 的默认内容如下: import { defineConfig } from ''vite'' ...[2023/11/15]

[学习笔记]TypeScript查缺补漏(一):类

@目录基础知识创建类型类的初始化类型和值JSDoc 注释字段私有字段可选和非可选字段字段类型约束Getter/Setter静态成员函数重载构造函数参数属性类的实例化箭头函数this的作用域全局类和对象方法泛型泛型类泛型接口泛型函数装饰器 基础知识 创建类型 cla Abc { } 类的初...[2023/11/1]

一文弄懂TypeScript中的混合(Mixin)

1.前言 由于TypeScrip中的类不支持多继承,所以引入了混合(Mixin)的特性,可以间接实现多继承的效果。 2.正文 声明一个汽车类Vehicle,它有drive方法 cla Vehicle { drive(): void { console.log(''驾驶'...[2023/9/19]

TypeScript中Class基础使用

TypeScript是一种静态类型的JavaScript超集,它提供了许多增强的功能,其中之一就是对面向对象编程的支持。在TypeScript中,我们可以使用Cla 来定义类,这使得我们能够更加结构化地组织代码并使用面向对象的思想进行开发。 Cla 是一种构造函数的语法糖,允许我们定义一个对象...[2023/9/6]

TypeScript又出新关键字了?

TypeScript 5.2将引入一个新的关键字:using。当它离开作用域时,你可以用Symbol.dispose函数来处置任何东西。 { const getResource = () => { return { [Symbol.dispose]: () =&g...[2023/6/28]

TS 基础及在 Vue 中的实践:TypeScript 都发布 5.0 版本啦,现在不学更待何时!

大家好,我是 Kagol,OpenTiny 开源社区运营,TinyVue 跨端、跨框架组件库核心贡献者,专注于前端组件库建设和开源社区运营。 微软于3月16日发布了 TypeScript 5.0 版本。微软表示新版本体积更小、开发者更容易上手且运行速度更快。 根据 The Soft...[2023/3/31]

TypeScript 学习笔记 — 类型兼容 (十)

目录一.基本数据类型的兼容性二.接口兼容性三.函数的兼容性四.类的兼容性类的私有成员和受保护成员五.泛型的兼容性六.枚举的兼容性标称类型简短介绍 TS 是结构类型系统(structural type system),基于结构/形状检查类型,而非类型的名字。 TS 中的兼容性,主要看结构是否...[2023/3/27]

在基于vue-next-admin的Vue3+TypeScript前端项目中,为了使用方便全局挂载对象接口

在基于vue-next-admin 的 Vue3+TypeScript 前端项目中,可以整合自己的 .NET 后端,前端操作一些功能的时候,为了使用方便全局挂载的对象接口,以便能够快速处理一些特殊的操作,如消息提示、辅助函数、正则测试等等。本篇随笔介绍在Vue3+TypeScript ...[2023/3/24]

在Vue3+TypeScript 前端项目中使用事件总线Mitt

事件总线Mitt使用非常简单,本篇随笔介绍在Vue3+TypeScript 前端项目中使用的一些场景和思路。我们在Vue 的项目中,经常会通过emits 触发事件来通知组件或者页面进行相应的处理,不过我们使用事件总线Mitt来操作一些事件的处理,也是非常方便的。 Mitt 的GitH...[2023/3/24]

TypeScript 学习笔记 — infer 类型推导、类型兼容 (九)

目录1.ReturnType 返回值类型2.Parameters 参数类型3.InstanceType 实例类型4.ConstructorParameters 构造函数参数类型5.infer 实践更改元组类型将元组转换成联合类型获取 Promise 返回值类型(递归) 类型推导: infere...[2023/3/14]

TypeScript实现类型安全的EventEmitter

目录正文EventEmitter 实现类型安全的 EventEmitter临时扩展自定义事件结尾 正文 最近个人项目用 EventEmitter 模块越来越多了,因为类型不够安全,写起来要很小心。所以打算改良一下,实现 TypeScript 类型安全的 EventEmitter,解决事件名和...[2023/3/8]

Vue3+TypeScript 项目中,配置 ESLint 和 Prettier

接上篇:从0搭建vite-vue3-ts项目框架:配置le +svg+pinia+vant+axios 文档同步项目gitee:https: gitee.com/lixin_ajax/vue3-vite-ts-pinia-vant-le .git   一、Eslint:用于检测代...[2023/1/30]

项目中使用TypeScript的TodoList实例详解

目录为什么用todolisttodolist的ts化数据到视图实现handleTodoItemreadonly分类交叉类型新增功能联合类型可选属性数据转视图总结 为什么用todolist 现代的框架教程目前再也不是写个hello world那么简单了,而是需要有一定基础能力能够做到数据绑定、...[2023/1/6]

Typescript中interface与type的相同点与不同点的详细说明

interface VS type 大家使用 typescript 总会使用到 interface 和 type,官方规范 稍微说了下两者的区别 An interface can be named in an extends or implements clause, but a type a...[2022/11/28]

自学 TypeScript 第五天,手把手项目搭建 TS 篇

前言: 昨天咱们已经把贪吃蛇的页面写好了,今天咱们来写 TS 部分 TS 我们要用面向对象的形式去编写我们的功能,所以我们要以一个功能去定义一个对象 把这个项目分成几个模块,也就是几个对象功能 Food类(食物类): 写对象的前提,我们要去定义类,用类去创建对象 首先我们直接 cla ...[2022/11/23]

基于SqlSugar的开发框架循序渐进介绍(22)-- Vue3+TypeScript的前端工作流模块中实现统一的表单编辑和表单详情查看处理

在工作流页面中,除了特定的业务表单信息外,往往也需要同时展示通用申请单的相关信息,因此在页面设计的时候需要使用一些组件化的概念来实现动态的内容展示处理,本篇随笔介绍Vue3+TypeScript+ElementPus的前端工作流模块中实现统一的表单编辑和表单详情查看处理。 1、查看申请单的模块设...[2022/11/21]

TypeScript类型系统自定义数据类型教程示例

目录TypeScript 类型系统和自定义数据类型什么是类型系统函数类型类型别名可选参数默认参数函数重载接口类型可选属性只读属性接口扩展多重接口声明接口的索引签名用接口描述函数类类型implements关键字类的静态端类型和实例端类型将 this 作为类型将 this 作为参数枚举枚举类型枚举的成员...[2022/11/17]

TypeScript泛型的使用详细介绍

目录情景再现使用泛型泛型类型泛型接口泛型类泛型约束在泛型里使用类类型[]高级案例 情景再现 这里针对一种情况,也是非常常见的一种情况:那就是 function identity(arg: number): number { return arg; } 就是我接收一个num...[2022/9/20]

TypeScript数组的定义与使用详解

目录基本定义声明数组时直接初始化访问数组Array对象声明数组时指定数组大小两种定义方式声明多维数组(含泛型)普通版泛型版类数组数组解构通过接口描述数组数组迭代 基本定义 声明数组时直接初始化 基本定义 let arr:number[] = [1,2,3]; let arrS: st...[2022/9/20]

手写TypeScript?时很多人常犯的几个错误

目录前言1.没有使用严格模式我们为什么要使用严格模式?2. 使用 || 确定默认值那它应该是什么样子的呢?3.使用any作为类型为什么要这么做呢?为什么不能用any?4. val 作为 SomeType强制告诉编译器它无法推断的类型。这就是类型守卫的用途。5. any在测试用例中的表现在编写测试时6...[2022/9/15]

TypeScript中定义变量方式以及数据类型详解

TypeScript中定义变量方式以及数据类型详解

目录TypeScript定义变量变量声明格式变量类型推导JS和TS的数据类型TS中使用JS的数据类型number类型boolean类型string类型Array类型Object类型Symbol类型null和undefined类型TS自身特有的数据类型any类型unknown类型void类型never...[2022/8/31]

TypeScript中命名空间与模块化详情

TypeScript中命名空间与模块化详情

目录一、模块二、命名空间三、区别 一、模块 TypeScript 与ECMAScript 2015 一样,任何包含顶级 import 或者 export 的文件都被当成一个模块 相反地,如果一个文件不带有顶级的import或者exp...[2022/8/15]

TypeScript?泛型重载函数的使用方式

目录前言TypeScript 的运行环境1. ts-node2. tscTypeScript 中的函数重载简单的排序算法1. 快速排序2. 中文排序3. 字符串自排序4. 通过泛型整合几种排序5. 使用函数重载完善排序功能总结 前言 使用 TypeScript 进行开发也已经有段日子了,虽然最开...[2022/8/2]

TypeScript利用TS封装Axios实战

TypeScript利用TS封装Axios实战

目录简介Axios几个常用类型AxiosRequestConfigAxiosInstanceAxiosStaticAxiosResponseAxiosError基础封装拦截器封装常用方法封装总结 简介 这是TypeScript实战的第三篇文章。前面两篇笔者分别介绍了在Vuex和Pinia中怎么使...[2022/6/27]

TypeScript合并两个排序链表的方法详解

目录前言思路分析实现代码测试用例示例代码 前言 给定两个递增排序的链表,如何将这两个链表合并?合并后的链表依然按照递增排序。本文就跟大家分享一种解决方案 思路分析 经过前面的学习,我们知道了有关链表的操作可以用指针来完成。同样的,这个问题也可以用双指针的思路来实现: p1指针指向链表1...[2022/6/27]

TypeScript遍历Array的方法(for,forEach,every)

目录一、for..of 方法二、for..in 方法三、for循环四、forEach五、every和some Typescript的官方文档 Iterators and Geneators 一、for..of 方法 这是最常用的方法,遍历的值是数组中的value值 let someArr...[2022/6/21]

TypeScript 数组Array操作的常用方法

目录一、数组的声明二、数组初始化三、数组元素赋值、添加、更改四、删除五、合并、断开数组六、查找数组元素位置七、连接数组元素八、排序、反序数组九、遍历请看这里 数组是一个很简单的数据结构,但是每次使用TypeScript的数组的时候又总是忘记怎么用了,干脆直接弄成干货,忘了过来看看。 一、数组的声...[2022/6/21]

TypeScript接口介绍

目录1.接口的定义 2.属性 2.1可选属性 2.2只读属性 3.类类型 3.1继承接口 4.函数类型 前言: TS的核心原则之一就是对所具有的结构 进行类型检查。接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。 最终被编译成JavaScript代码后不包含接口以及类型约...[2021/12/9]

一文了解什么是TypeScript?

目录1.JavaScript的问题 2.TypeScript的优势 3.TypeScript的缺点 4.TypeScript的运行环境 5.作用域问题 前言: TypeScript是JavaScript的超集,它可以编译成纯JavaScript代码。 那为什么会出现TypeScript...[2021/12/9]

TypeScript基础类型介绍

TypeScript基础类型介绍

目录1.基础类型 2.对象类型 2.1数组 2.2元组 2.3对象 3.类型推断 3.1类型联合中的类型推断 3.2上下文类型 4.类型断言 TS 的静态类型可以人为的分为两类: 基础类型:像布尔值(boolean)、数字(number)、字符串(string)、Any(任意类型)、Void(...[2021/12/9]

TypeScript枚举类型

目录1.概述 2.数字枚举 2.1反向映射 3.字符串枚举 4.const枚举 5.总结 1.概述 所谓的枚举类型就是为一组数值赋予名字。 enum类型在C++、Java语言中比较常见,TypeScript在JavaScript原有的类型基础上也增加了enum类型。 比如我们需要定...[2021/12/9]

你可能不知道的typescript实用小技巧

你可能不知道的typescript实用小技巧

目录前言函数重载 映射类型 Partial, Readonly, Nullable, Required Pick, RecordExclude, Omit ReturnType 类型断言 枚举 元组 范型 infer 总结 前言 用了很久的 typescript,用了但感觉又没完全用。因为很多...[2021/8/26]

解决vue cli使用typescript后打包巨慢的问题

前言 最近新开了一个项目,虽然用的是 vue 技术栈,但是为了项目的健壮性,还是强上了 typescript, 于是引出了下面的问题。 问题 之前使用过 ts-loader 打包 react 项目,给我的感觉就是巨慢,开发环境下,每次保存后,需要等10秒钟左右才能构建完成,当时为了...[2019/9/30]

TypeScript类型声明书写详解

本文总结一下TypeScript类型声明的书写,很多时候写TypeScript不是问题,写类型就特别纠结,我总结下,我在使用TypeScript中遇到的问题。如果你遇到类型声明不会写的时候,多看看lodash的声明,因为lodash对数据进行各种变形操作,所以你能遇到的,都有参考示例。 基本类...[2019/8/28]

websocket4.0+typescript 实现热更新的方法

最近搞了一个webpack4+typescript的开发环境,折腾了很久现在记录一下。。。。 本身环境比较好搞,但是热更新是个麻烦事儿 本环境是基于webpack-dev-server搭建的 output: { publicPath: ''/dist'', ...[2019/8/14]

教你30秒发布一个TypeScript包到NPM的方法步骤

文章读译自The 30 second guide to publishing a typescript package to npm,部分内容有修改哈。 这篇文章要求你有一定的 JS 、TS 和 NPM 的知识,如果你写过普通的 NPM 包就更好啦~如果没有的话网上也很多教程的,都很简单~ ...[2019/7/22]

vue + typescript + video.js实现 流媒体播放 视频监控功能

视频才用流媒体,有后台实时返回数据, 要支持flash播放, 所以需安装对应的flash插件。当视频播放时,每间隔3秒向后台发送请求供检测心跳,表明在线收看状态,需要后台持续发送视频数据。 1. yarn add video.js videojs-flash 2. 创建videp.js...[2019/7/8]

vue中typescript装饰器的使用方法超实用教程

vue中typescript装饰器的使用方法超实用教程

VueConf ,尤大说, Vue 支持 Ts 了,网上关于 Vue + Ts 的资料有点少, 楼主踩了一个星期坑,终于摸明白了 修饰器 的玩法,下面我们就来玩下 Vue 的 decorator 吧 1,data 值的声明   在这里 public 声明的是公有属性, pri...[2019/6/18]

TypeScript的简介与数据类型

一、什么是TypeScript? TypeScript是javascript的超集,在ts中可以使用所有的js代码,并对js进行了扩展,包括类型效验,数据类型,接口等 如图所示,TypeScript包含了javascript并进行延伸  二、准备工作 在说TypeScript之前先说一下...[2019/3/28]

初识Typescript

什么是typescript? Typescript是一种由微软开发的自由和开源的语言,是原生javascript的超集,Typescript在原生javascript的基础上添加了可选的静态类型和基于类的面向对象编程. 可是尽管如此,Typescript在编译时还是需要将其转化成javascri...[2018/12/21]

typescript基本数据类型

typescript基本数据类型

boolean 语法 :  let IsDo : boolean = false; let IsDo = false; let IsDo :boolean;   作用 : 表示真假   number 语法 :  let num_value : num...[2018/9/25]

293
2
记录数:47 页数:1/11
 友情链接:直通硅谷  直通硅谷 怎么样 mac软件下载
加载更多