typescript

Vue TypeScript使用eval函数遇到的问题

目录 简单的代码实例问题 解决方法 问题的原理 一劳永逸的方法 正常情况下,项目里不会用eval函数,但是万一要调用一个全局的js库,就需要用eval做些骚操作,这个时候编译会提示:is strongly discouraged as it poses security risks and m »

单元测试框架Jest搭配TypeScript的安装与配置方式

目录 分步指南 1. 安装jest 2. 初始化 3. 安装jsdom环境  4. 创建test目录 5. 愉快地开始单元测试 6. 总结 - 踩坑记录 为项目安装并配置Jest单元测试环境 分步指南 传送门:Jest - 快速入门 1. 安装jest npm i jest t »

TypeScript中集成Tween.js踩坑记录

目录 TypeScript集成Tween.js踩坑 安装 更改配置 引用 Tween.js的使用方法 总结 TypeScript集成Tween.js踩坑 首选,采用的是webpack的架构,在ts中使用tween.js,非常麻烦,配置教程少的可怜,浪费了我一个下午,在这里记录一下, »

TypeScript踩坑之TS7053的问题及解决

目录 TypeScript踩坑之TS7053 解决方法 总结 TypeScript踩坑之TS7053 错误:TS7053: Element implicitly has an ‘any’ type because expression of type ‘string’ can’t be u »

Typescript中函数类型及示例详解

目录 常见写法  可选参数  默认参数  剩余参数 数组类型的剩余参数  元组类型的剩余参数 解构参数 重载函数  构造函数类型字面量 不给参数定义类型,会报错,如下:  常见写法 function add1(x: number, y: number) { ret »

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

目录 为什么用todolist todolist的ts化 数据到视图 实现handleTodoItem readonly 分类 交叉类型 新增功能 联合类型 可选属性 数据转视图 总结 为什么用todolist 现代的框架教程目前再也不是写个hello world那么简单了,而是需要有 »

typescript在vue中的入门案例代码demo

目录 搜索框searchBox.vue 首页Home.vue 热门城市 popularCity.vue 天气 weather.vue getWeather.ts 使用技术栈vue2+typescript+scss入门练手项目,天气预报demo,需要的朋友可以参考下。整体的实现思路比较简单,页面 »

typescript快速上手的进阶类型与技术

目录 类型别名 字符串字面量类型 元组 枚举 类 类的概念 TypeScript 中类的用法 参数属性 readonly 抽象类 类的类型 类实现接口 泛型 泛型类 泛型参数的默认类型 声明合并 函数的合并 接口的合并 本文讲述了typescript开发的一些高级的类型与技术,算 »

typescript快速上手的基础知识篇

目录 学习编程的几个阶段 原始数据类型 1 string 2 number 3 boolean 4 任意类型any 5 undefined与null 6 空 void 数组类型 接口类型(对象类型) 1 可选属性 2 只读属性 3 限制接口属性范围 4 额外的任意属性 函数类型 1 函 »

typescript难学吗?前端有必要学?该怎么学typescript

TypeScript代码与 JavaScript 代码有非常高的兼容性,无门槛,你把 JS 代码改为 TS 就可以运行。如果没有接触过强类型的编程语言,导致他们认为学习TS需要定义各种类型,还有一些新概念等等,会增加学习成本。TypeScript 应该不会脱离 JavaScript 成为独立的语言。 »

TypeScript与JavaScript的区别分析

TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。由于JavaScript语言本身的局限性,难以胜任大型项目的开发和维护。因此微软开发了TypeScript ,使得其能够胜任大型项目的开发。TypeScript通过TypeScript编译 »

TypeScript 中 as const使用介绍

目录 引言 引言 as const 是 TypeScript 中的一个用于修饰符,它可以被用来修改类型推断的行为。 当 as const 修饰符用在变量声明或表达式的类型上时,它会强制 TypeScript 将变量或表达式的类型视为不可变的(immutable)。这意味着,如果你 »

Typescript中interface自动化生成API文档详解

目录 前言 UI层面 数据层面 我们需要的数据结构 简单解释一下jsdoc格式 AST解析技术选择 为什么放弃babel ts-morph 自动化生成代码 总结 前言 最近在搞react组件库,这两天搞定了使用ast(抽象语法树)去把interface转为对象或者数组,这些数 »

vite + react +typescript 环境搭建小白入门教程

目录 前言 1. 使用 vite 创建 react 项目 1. npm / yarn 命令初始化 2. 输入项目名称 3. 选择框架 4. 选择 Js / Ts 5. 项目创建完成 6. 启动项目 2. 规范项目目录 3. 使用 react-router-dom 路由 1. 使用 npm »

Typescript装饰器AOP示例详解

目录 在Typescript中使用装饰器 配置 类装饰器 方法装饰器 AOP(面向切面编程) 在Typescript中使用装饰器 上文中讲了装饰模式,今天来来介绍一些Typescript里面的装饰器,以及如何用装饰器来实现之前提及装饰模式,装饰器只是实现装饰模式的一种方式,并非唯一 »

TypeScript 之 控制流分析(Control Flow Analysis)

控制流分析(Control Flow Analysis) 描述: CFA 几乎总是采用联合,基于代码逻辑去减少联合里面的类型数量。 大多数时候,CFA 在自然的JavaScript布尔逻辑中工作,但是有一些方法可以定义你自己的函数,这些函数会影响 TypeScript 缩小类型的方式。 简单说就是: ... »

lxrNote TS

TypeScript 之 Class

class private 和 # 的区别 前缀 private 只是TS语法,在运行时不起作用,外部能够访问,但是类型检查器会报错 class Bag { private item: any } 修饰符 # 是JS语法,是运行时私有的,并且在JavaScript引擎内部强制执行,它只能在类内部访问 ... »

lxrNote TS

JavaScript Typescript基础使用教程

目录 简介 安装 安装命令 使用原因 TypeScript类型概述 JS原有的类型 TS新增的类型 类型别名 泛型 简介 typescript是微软公司开发的开源编程语言,Type+Javascript(type是类型,在js的基础上添加了类型支持) 简称:ts,是Javascript的 »

详解如何发布TypeScript编写的npm包

目录 前言 项目 初始化项目 构建库 添加测试 发布 测试一下 总结 前言 在这篇文章中,我们将使用TypeScript和Jest从头开始构建和发布一个NPM包。 我们将初始化一个项目,设置TypeScript,用Jest编写测试,并将其发布到NPM。 项目 我们的库称为dig »