汝&戏-CSDN博客

原创 TypeScript 中，接口（interface）可以描述几种不同类型的属性和结构

这些是 TypeScript 接口中可以使用的一些属性和结构。接口是 TypeScript 中定义复杂类型的强大工具，可以帮助你创建清晰和可维护的代码。- 描述能够“通过索引得到”的类型，比如可以通过数字索引访问的数组或通过字符串索引访问的对象。- 可以描述具有多种类型的对象，例如，一个对象可以同时作为函数和对象使用，并拥有额外的属性。- 允许你定义使用数字索引（类似数组）或字符串索引（类似对象字典）的类型。- 接口可以继承多个接口，类可以实现一个或多个接口。- 描述对象属性的名称和类型。

2024-02-28 16:36:08 369

原创 TypeScript 泛型参数默认类型

在 TypeScript 2.3 以后，我们可以为泛型中的类型参数指定默认类型。当使用泛型时没有在代码中直接指定类型参数，从实际值参数中也无法推断出类型时，这个默认类型就会起作用。

2024-02-28 15:29:15 442

原创 TypeScript 中，keyof 操作符

在 TypeScript 中，keyof是一个操作符，用于获取某种类型的所有公共键的字面量类型的联合。简而言之，keyof会创建一个由某个类型的所有属性名组成的联合类型。

2024-02-28 14:44:48 382

原创在 TypeScript 中，Object、object等细微的区别 , 包括Object , Array , Function , Boolean ,Number , String等...

在 TypeScript 中，ObjectobjectArray和array的用法和意义存在一些细微的区别，这些区别对于类型安全性很重要。

2024-02-28 14:30:02 815

原创 React 中，children 属性

属性是一个特殊的属性，它允许你将组件作为其他组件的子元素传递。这意味着你可以在组件内部嵌套任何类型的子组件或元素，并且在父组件中通过。属性的灵活性是 React 组件模型的核心特性之一，它允许开发者通过组合和嵌套的方式来构建复杂的 UI 结构。属性可以用来创建通用的布局组件，这些组件定义了页面的结构，但内容可以灵活变化。属性在组件之间传递 JSX 元素，这样父组件可以决定子组件的位置和渲染方式。作为函数，可以将动态的值或状态作为参数传递给子组件，这是所谓的渲染回调模式。组件的子元素传递，并在。

2024-02-28 12:25:03 763

原创 TypeScript 结合 React 开发时候 , React.FunctionComponent 解释

是一个泛型类型，它用于定义函数组件的类型。这个类型定义了函数组件的结构和预期行为，并且提供了泛型支持，以便你可以指定组件 props 的类型。类型也隐式地定义了组件的返回类型，这意味着你的组件返回的必须是一个 React 元素或者。在这种方式中，你完全控制了组件的 props 类型定义，并且避免了。取决于你的个人或团队的偏好。的支持可以让你为 props 设置默认值。，以便更清楚地了解组件的 props 结构。允许你指定 props 的类型。在使用泛型和默认 props 的情况下，

2024-02-28 12:24:01 654

原创 TypeScript + react 中 TypeScript 的加入后 , 有哪些优化项目

在使用 TypeScript 结合 React 进行开发时，TypeScript 提供了许多优化和增强代码质量的方式。通过上述的优化操作，TypeScript 在 React 开发中提供了更加强健的类型系统和开发体验，有助于提高代码质量、减少运行时错误，并提高开发效率。

2024-02-28 12:00:45 683

原创 TypeScript 类型断言关于 “ as “ 语法的各种用法

TypeScript 类型断言关于 " as " 语法的各种用法

2024-02-28 11:57:32 430

原创 TypeScript中 “ ＜＞ “ 语法和 “ : “ 怎么使用

类型断言或）：当你比 TypeScript 更确信一个值的类型时，你可以使用类型断言来覆盖它的推断类型。类型注解）：当你声明变量或函数时，你可以使用类型注解来明确指定它们的类型。类型断言用于在你已经有一个值，但是 TypeScript 不知道其确切类型时，而类型注解用于在声明阶段明确指定类型。在 JSX 中，应该使用as关键字来进行类型断言。

2024-02-28 11:47:23 460

原创在 TypeScript 中，as 关键字用于类型断言

类型断言本质上是一种类型转换，但它不会进行数据结构的转换，而只是在编译阶段指导 TypeScript 的类型检查系统。：过度使用类型断言会降低程序的类型安全性，因为它们基本上是在告诉编译器忽略其类型检查。因此，应当仅在确实需要时使用断言，并确保你对正在断言的类型有充分的了解。这意味着，通过使用类型断言，你可以处理编译器无法确认类型的情况，但这也意味着你放弃了编译器提供的类型安全保障。：类型守卫是运行时检查，而类型断言仅在编译时进行。类型的API）中获取数据时，你可以使用类型断言来指定一个更具体的类型。

2024-02-28 11:43:54 331

原创 TypeScript 中接口定义一些属性 , 属性可能不存在 , 或者你想允许一个接口有任意类型的其他属性 , 可选属性和索引签名

在 TypeScript 中，如果你想为接口定义一些属性，这些属性可能不存在，或者你想允许一个接口有任意类型的其他属性，你可以使用可选属性和索引签名。

2024-02-28 11:33:30 464

原创 react + Typescript 中 react有多少内置的类型分别是什么

React 和 TypeScript 结合使用时，React 提供了一系列的内置类型（也称为类型定义或类型别名）来帮助你在 TypeScript 中编写类型安全的代码。随着 React 的版本更新，可能会引入新的类型或弃用旧的类型，因此建议查看具体版本的类型定义文件或官方文档以获取最新的信息。: 用于描述可以被渲染的内容，比如 JSX 表达式、字符串、数字、或者是这些类型的数组等。: 用于描述一组可以被渲染的子元素，不需要额外的父节点。: 用于描述 React 上下文对象的类型。

2024-02-23 17:24:40 762 1

原创 TypeScript + React中封装一个hook当点击确定后提交请求在这期间确定按钮loading展示

首先，定义一个接口（如果需要的话）来描述异步函数的类型，这将作为我们自定义Hook的参数。接着，实现这个Hook并返回相关的状态和方法。请记住，这只是一个基本的例子。在实际应用中，你可能需要根据你的API和组件逻辑做进一步的调整，比如处理请求成功后的状态更新和错误处理。在请求进行时，按钮会显示加载状态并被禁用以防止重复提交。如果发生错误，它会被捕获并可以在组件中显示。来跟踪请求的加载状态和任何可能出现的错误。是一个封装的异步函数，它会调用传入的。在这个自定义Hook中，我们使用了。并处理加载状态和错误。

2024-02-23 17:20:39 722

原创 react + typescript 中 typeof的作用

在 React 中，组件的类型不仅仅包括它的 props 类型，还包括它可能的 state（如果是类组件的话）和其他静态属性。操作符在 React 中获取组件的类型时，你通常是想要获取这个组件的 props 类型，以便在其他地方重用这些类型信息。和一个组件（无论是类组件还是函数组件）一起使用时，你实际上是在获取这个组件的类型。props 类型的新组件时特别有用，因为它确保了类型的一致性和复用性。的 props 发生变化，依赖它的组件的类型也会自动更新，从而减少了维护成本。，你想要在另一个组件中重用。

2024-02-21 09:57:55 666

原创 React 和 TypeScript 联合使用,React 提供了一些内置类型

在 React 和 TypeScript 联合使用时，React 提供了一些内置类型来帮助你定义组件的属性（props）、状态（state）和其他常见的模式。

2024-02-21 09:54:50 1258

原创 react hook自定义一份简单的hook 和使用

【代码】react hook自定义一份简单的hook 和使用。

2024-02-20 17:52:40 376

原创 TypeScript 中 declare 关键字作用和用法

在 TypeScript 中，declare关键字用于告诉 TypeScript 编译器：“某个变量、类型、模块等已经存在了”，即使它可能在当前文件中没有定义。这通常用于描述 JavaScript 库的类型信息，或者是在 TypeScript 中引用已经存在的全局变量而不实际导入它们。使用declare。

2024-01-30 11:47:33 656

原创 typescript中如何创建全局类型

文件是 TypeScript 中创建全局类型的推荐方法，因为它不会污染全局命名空间，并且可以清楚地表明哪些类型是全局可用的。记得将这些声明文件包含在你的 TypeScript 项目配置中，这样 TypeScript 编译器就可以识别它们。在 TypeScript 中，如果你想要创建一个全局可用的类型，你可以在全局作用域中声明这个类型。这个文件不需要导入，TypeScript 会自动将其中的声明视为全局可用。如果你在模块系统（如 CommonJS 或 ES6 模块）中工作，你仍然可以通过在。

2024-01-30 11:37:37 535

原创 typescript中如何创建全局类型

文件是 TypeScript 中创建全局类型的推荐方法，因为它不会污染全局命名空间，并且可以清楚地表明哪些类型是全局可用的。记得将这些声明文件包含在你的 TypeScript 项目配置中，这样 TypeScript 编译器就可以识别它们。在 TypeScript 中，如果你想要创建一个全局可用的类型，你可以在全局作用域中声明这个类型。这个文件不需要导入，TypeScript 会自动将其中的声明视为全局可用。如果你在模块系统（如 CommonJS 或 ES6 模块）中工作，你仍然可以通过在。

2024-01-30 11:26:24 664

原创 typescript中 & 和 | 的用法和区别

在 TypeScript 中，和分别用于创建交叉类型（Intersection Types）和联合类型（Union Types），它们是 TypeScript 类型系统中的核心概念。

2024-01-30 11:20:17 509

原创 typescript中type和interface的区别

随着 TypeScript 的发展，这些差异可能会变得更小，因为 TypeScript 不断地在增加新的特性和改进现有的特性。都可以用来描述对象或函数的形状。它们之间有一些细微的区别，这些区别在某些场景下可能会影响你的选择。如果你需要使用联合类型或元组类型，或者需要计算属性，那么。如果你需要使用声明合并或者打算用一个对象字面量来实现一个接口，那么。在实际应用中，你可以根据具体的使用场景来选择。在 TypeScript 中，

2024-01-30 11:17:08 401

原创 typescript api用法

在以上代码中，首先通过 keyof T 拿到 T 的所有属性名，然后使用 in 进行遍历，将值赋给 P，最后通过 T[P] 取得相应的属性值。号，用于将所有属性变为可选。，用于在类型的某个位置声明一个类型变量，然后在条件的真分支中对该类型变量进行推断。Pick 的作用是将某个类型中的子属性挑出来，变成包含这个类型部分属性的子类型。操作符是在 TypeScript 2.1 版本引入的，该操作符可以用于获取某种类型的所有键，其返回类型是联合类型。

2024-01-26 17:38:17 441 1

原创 vue3 + ts vue_3.4 setup单文件组件中的属性

各种类型。

2024-01-26 11:02:48 982

原创 Centos 7安装pm2 , 操作等常用命令

pm2 start app.js --watch #实时监控app.js的方式启动，当app.js文件有变动时，pm2会自动reload。2.1 启动进程/应用 pm2 start bin/www 或 pm2 start app.js。pm2 start app.js --name my-api #my-api为PM2进程名称。pm2 updatePM2 #升级pm2。pm2 restart 0 #重启PM2列表中进程为0的进程。

2023-09-26 18:29:39 1257