文章目录基本注解数组注解元组类型枚举接口注解内联类型注解特殊类型泛型注解联合类型注解交叉类型类型别名函数类型类型断言 基本注解// index.ts
let num:number;
let str:string;
let bool:boolean;
num = 123;
num = "123"; //Type 'string' is not assignable to type 'number
# 在 TypeScript 中为类组件设置 `displayName`
当你在使用 TypeScript 开发 React 应用程序时，合理利用 `displayName` 属性是一个良好的开发习惯。它可以帮助你在调试时更准确地识别组件。本文将逐步引导你如何为 TypeScript 中的类组件设置 `displayName`。
## 整体流程
下面的表格描述了设置 `displayName
typescript 简介TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍...
原创
2021-07-18 16:47:32
541阅读
typescript 简介TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JavaScript，所以 TypeScript 并不依赖于浏览器的支持，也并不会带来兼容性问题。TypeScript 是 JavaScript
原创
2022-04-06 18:01:07
1064阅读
typescript 简介TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JavaScript，所以 TypeScript 并不依赖于浏览器的支持，也并不会带来兼容性问题。TypeScript 是 JavaScript 的超集，这意味着他支持所有的 JavaScript 语法。并在
原创
2020-12-26 20:13:45
327阅读
接口TypeScript 的核心原则之一是对值所具有的结构进行类型检查。我们使用接口（Interfaces）来定义对象的类型。接口是对象的状态(属性)和行为(方法)的抽象(描述)// 定义人的接口
interface IPerson {
// 只读属性: readonly
readonly id: number
name: string
age: number
// 可选属性:
# TypeScript构建React组件：函数组件与类组件的区别
TypeScript作为一种强类型的JavaScript超集，广泛应用于React项目中。了解类型安全的同时，熟悉React的函数组件和类组件对于初学者而言至关重要。本文将帮助你理解这两种组件的区别，并通过代码示例实现一个简单的功能。
## 流程概述
以下是我们将要进行的步骤：
| 步骤 | 说明
全局安装typescript在命令行输入 npm install -g typescript 或者也可以使用cnpm。安装完成后，假设当前目录下有index.ts文件，在命令行输入tsc index.ts,便可在当前目录下得到index.js文件。typescript的配置如果相对编译后的文件做一定的细化限制，我们可以使用typescript的配置文件。使用方法很简单，在项目根目录下创建
转载
2023-07-31 19:36:08
91阅读
本文详细介绍了如何使用 Create-React-App 编写 TypeScript + React 项目前言对于 TypeScript + React 开发，MicroSoft 编写了一个 TypeScript-React-Starter 的例子，Github 地址。有需要的朋友可以去看一下。我自己也看了一下，文档说明讲解的很好，但是 Demo 拉下来却无法正常运行，一直报错。所以我自己使用 T
# TypeScript 组件
## 简介
TypeScript 是 JavaScript 的超集，它提供了静态类型检查和诸多新特性，使得开发者可以更加高效地编写和维护代码。使用 TypeScript 编写组件可以提高代码的可读性、可维护性和可扩展性。本文将介绍如何使用 TypeScript 编写组件，并给出一些示例。
## 创建组件
在 TypeScript 中创建组件和在 JavaSc
原创
2023-10-03 06:12:02
62阅读
TypeScript 和 JavaScript 的区别TypeScript和JavaScript是目前项目开发中较为流行的两种脚本语言，我们已经熟知TypeScript是JavaScript的一个超集。JavaScript和TypeScript的主要差异：1、TypeScript可以使用JavaScript中的所有代码和编码概念，TypeScript是为了使JavaScript的开发变得更加容易而
目录1，前言2，效果图3，如何使用3.1，安装3.2，配置4，示例5，插件错误处理5.1，错误触发原因5.2，解决办法1，前言在vite/webpack搭建的项目中，不管是vue还是react，都可以写jsx/tsx，为了避免样式污染，常用的方式有两种。一种是每个组件都用一个唯一类名class包裹，使用less/scss嵌套样式。另一种是使用cssModule模块化。本文就分享一下如何使用cssM
携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第8天， 点击查看活动详情 TypeScript 的组件 TypeScript 语言在内部分为三个主要层。这些层中的每一层都分为子层
原创
2022-08-07 00:08:34
173阅读
# TypeScript组件库概述
随着前端开发的不断发展，开发者们对组件化开发的需求也越来越大。为了提高开发效率和代码复用性，开发者们开始纷纷使用组件库来构建自己的项目。而在前端开发中，TypeScript作为一种类型安全的JavaScript超集，越来越受到开发者的青睐。因此，开发一个基于TypeScript的组件库成为了一种趋势。
## TypeScript组件库的优势
### 类型安
eslintFind and fix problems in your JavaScript code 其实社区有很多的 lint 工具，例如 eslint, stylelint, tslint, htmllint, markdownlint 等。lint 工具一方面可以帮助维护团队成员保持统一良好的代码风格，而且可以定制自己团队的规则集合，另一面可以帮助我们检测出代码的坏味道，降低 bug 的
# TypeScript 与 Vue 组件的结合
在现代前端开发中，TypeScript 和 Vue.js 的结合为开发者提供了一种强大而灵活的工具。这篇文章将解析如何在 Vue 组件中使用 TypeScript，并提供一些实用的示例。
## 什么是 TypeScript？
TypeScript 是 JavaScript 的一个超集，增加了静态类型检查和一些现代编程的特性。它允许开发者在编写
TypeScrpt相比JavaScript的主要特点多了属性声明类型，格式：属性名：声明类型
name:string=""; //此时name属性声明类型为string
复制代码使用class类来引入或暴露内容 TypeScript中将所有属性和方法封装成类，用类的形式引入或暴露其内容，在vue中具体示例可见下文“基本格式”。基本格式组件<script>中要加lang="ts"imp
转载
2023-10-16 13:06:32
83阅读
文章目录前言一、类型声明二、类型1.number2.string3.boolean4.字面量5.联合类型6.any7.unknown8.void9.never10.object11.array12.tuple13.枚举enum14.其他前言TypeScript学习笔记第一部分，关于TS的类型声明以及基本类型。一、类型声明类型声明
类型声明是TS非常重要的一个特点通过类型声明可以指定TS中变量
转载
2023-08-08 07:25:54
121阅读
1.自定义组件的两种方式。 1.1全局定义 全局定义是通过Vue的component方法来实现的，component有两个参数，一是组件名称，二是组件实例。<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TestComponen
一、关于Vue和Vite近几年来vue2已经成功过渡升级为Vue3，它对vue的生态带来了一次重大的提升和改革，新增了composition Api这样一个强大的功能，为我们组件选项的开发提供了一个强而有力的手段，另外还有诸如：多根节点，语法更新，双向渲染等的一系列变更，vue生态的跃迁具体可以参考vue3的最新官方文档迁移策略中的信息。随着Vue3的到来，在面临性能考验的同时，新一代构建工具Vi
