有JSDoc还需要TypeScript吗
这听起来是不是很耳熟：你想写一个小型脚本，不管是为页面、命令行工具，还是其他什么类型。你从JavaScript开始，直到你想起写代码时没有类型是多么痛苦。所以你把文件从`.js`重命名为`.ts`。然后意识到你已经打开了一个麻烦的玩意儿。 如果你在为一个网站或一个库写代码，你就需要引入编译的步骤。如 ... »
TypeScript接口和类型有哪些区别
今天小编给大家分享的是TypeScript接口和类型有哪些区别，相信很多人都不太了解，为了让大家更加了解，所以给大家总结了以下内容，一起往下看吧。一定会有所收获的哦。 目录 接口（interface） 类型（type） interface vs type 结论 TypeScript 是由 Mic »
typeScript中数组类型定义及应用详解
目录 1.定义数组 1.1 「类型 + 方括号」表示法 1.2 数组泛型 1.3 用接口表示数组 1.4 类数组 2. any 在数组中的应用 总结 1.定义数组 1.1 「类型 + 方括号」表示法 最简单的方法是使用「类型 + 方括号」来表示数组： let list: n »
理解 React 中的 useEffect、useMemo 与 useCallback
useEffect 先理解 useEffect 有助于学习 useMemo 和 useCallback。因为 useMemo 和 useCallback 的实现实际上都是基于 useEffect 的。 useEffect 是 React 中的一个很重要的 Hook，用于执行副作用操作。什么是副作用？ ... »
vue3+Typescript实现路由标签页和面包屑功能
目录 在vue中实现路由标签页和面包屑 需求分析 最终效果 实现步骤 第一步：创建路由标签组件和面包屑 第二步：创建路由标签数组 第三步：监听路由变化并自动添加新标签 第四步：处理关闭标签事件 第五步：当前路由标题同步面包屑 其他补充： 在vue中实现路由标签页和面包屑 在使用 Vue »
TypeScript类型使用示例剖析
目录 JavaScript的内置类型 VS TypeScript内置类型 元祖 接口interface interface和type有什么区别？ 枚举 怎么让Babel支持const enum? 字面量类型 特殊类型 类型的装饰 JavaScript的内置类型 VS TypeScrip »
一文理解TS泛型
当我们在编写 TypeScript 代码时，经常会遇到需要通用（Generic）的情况，这时候，泛型就是我们的好帮手了。在本篇文章中，我们将深入介绍 TypeScript 泛型的概念以及如何使用。 什么是泛型？ 在编程语言中，泛型指的是参数化类型的概念。也就是说，我们可以定义一个函数、接口或类等，能 ... »
TypeScript 学习笔记 — 数组常见的类型转换操作记录（十四）
获取长度 length type LengthOfTuple<T extends any[]> = T["length"]; type A = LengthOfTuple<["B", "F", "E"]>; // 3 type B = LengthOfTuple<[]>; // 0 取第一项 Fir ... »
【vue3-element-admin 】基于 Vue3 + Vite4 + TypeScript + Element-Plus 从0到1搭建后台管理系统（前后端开源@有来开源组织）
本篇通过万字长文详细介绍 vue3-element-admin v2 版本从 0 到 1，相较于v1版本增加了对原子CSS(UnoCSS)、按需自动导入、暗黑模式等功能的支持以及重构优化。v2 版本发布也标志着有来开源组织的 SpringBoot3 + Vue3 前后端分离开源项目到达新的里程碑，希... ... »
TypeScript在React中的应用技术实例解析
目录 引言 为什么使用 TypeScript 开发 React 应用 TypeScript 和 React 的结合方式 TypeScript 在 React 中的优势 TypeScript 和 React 的最佳实践 最后 引言 TypeScript 是由 Microsoft 开发的一 »
基于Vue2.0和Typescript实现多主题切换的示例
目录 第一步： 需要创建一个colorConfig.ts文件，用于配置主题信息 （我创建的目录是src/config/colorConfig.ts） 第二步,根据接口获取当前主题信息，并进行切换设置 第三步，切换主题时，更新缓存 第四步， 页面上使用css变量来动态展示颜色值 之前在项目中用了 »
vue3+vite3+typescript实现验证码功能及表单验证效果
目录 验证码组件 父组件 表单验证 最终效果 验证码组件 &lt;template&gt; &lt;div class="captcha" style="display: flex;"&gt; &lt;canvas ref="canvas" width="100" he »
Typescript 函数重载的实现
目录 函数重载的优点 函数重载的适用场景 定义与使用函数重载 示例1 示例2 工作中我们往往看见一些别人造好的 轮子， 常常一个函数却有着非常多的调用方式、使用也非常的灵活。今天给大家讲解的就是函数重载。函数重载是 TypeScript 的一项非常强大的特性，允许我们编写可以接受不同参数类 »
Typescript使用装饰器实现接口字段映射与Mock实例
目录 前言 背景 需求 设计 Decorator Transform Object and Array Mock 使用 安装 属性装饰器 @mapperProperty(apiField, type) @deepMapperProperty (apiField, Class) @filte »
react结合typescript 封装组件实例详解
目录 项目环境搭建 项目依赖 项目目录结构 创建一个组件 封装一个Button组件 Button按钮需求分析 依赖 项目环境搭建 项目依赖 创建支持 TypeScript 的 React 项目 npx create-react-app my-demo --templ »
TypeScript类型实现加减乘除详解
目录 引言 分析 Divide SmallerThan Tuple Subtract 最后 加法 乘法 坑点 总结 引言 在网上看到这道题目：请用TS类型实现整除？ type A = Divide&lt;1, 0&gt; // never type B = Divide »
TypeScript类型实现加减乘除的方法
在网上看到这道题目：请用TS类型实现整除？ type A = Divide&lt;1, 0&gt; // never type B = Divide&lt;4, 2&gt; // 2 type C = Divide&lt;10, 3&gt; // 3 看完题目，我真的毫无思路，TS类型还 »
教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023
这篇如果 Vue 和 CesiumJS 不发生史诗级的变动，应该不会再有后文了。主要是这类文章没什么营养。 这篇主要修正上篇 https://www.cnblogs.com/onsummer/p/16629036.html 中一些插件的变化，并升级开发服务器的版本。 心急的朋友拉到文末，有示例工程链 ... »
TypeScript必知三部曲（一）TypeScript编译方案以及IDE对TS的类型检查
TypeScript代码的编译过程一直以来会给很多小伙伴造成困扰，typescript官方提供tsc对ts代码进行编译，babel也表示能够编译ts代码，它们二者的区别是什么？我们应该选择哪种方案？为什么IDE打开ts项目的时候，就能有这些ts代码的类型定义？为什么明明IDE对代码标红报错，但代码有 ... »
typescript 类型any不能分配给类型never
目录 一、问题 二、原因 三、解决 1、方式一 (TS断言 尖括号语法) 2、方式二 (TS断言 as语法) 3、方式三 (TS接口 interface) 一、问题 在处理接口返回的数据，赋值给store中的数组时，报类型错误 data:{ cateList: [] } »