components typescript arguments passing
typeScript学习-类、静态数据、静态属性应用
typeScript学习 类、静态数据、静态属性应用 类： 定义：类就是拥有相同属性和方法的一系列对象的集合。 展开理解：类是一个模具，是从这该类包含的所有具体对象中抽象出来的一个概念，类定义了它包含的全体对象的静态特征和动态特征。 举例： people 类 静态特征【属性】name、age、add ......
typeScript学习-TS类型-其他特殊类型-可变元组
typeScript学习 可变元组： let people: [string, number, string, string, string] = ["wangwu", 23, "地址", '13312341234', '备注'] // 当前三个数据固定格式，后面数据不确认格式时 用可变元组 // ......
typeScript学习-TS类型-对象类型-Array
typeScript学习 对象类型-Array 数组和数组元素只读 const account = [10, 40, 50, 60, 90] as const // account[0] = 100 // 错误 export { } ......
typeScript学习-TS类型-其他特殊类型-元组（tuple）
typeScript学习 元组（tuple）： 满足以下3点的数组就是元组 （1）在定义时每个元素的类型都是确定 （2）元素值的数据类型必须是当前元素定义的类型 （3）元素值的个数必须和定义时个数相同 let salary: [string, number, number, number, numb ......
[React Typescript] Well typed a React Context provider
import React from "react"; import { Equal, Expect } from "../helpers/type-utils"; const createRequiredContext = <T extends any>() => { const context = ......
[React Typescript] Fixing type inference in a Custom React Hook
// Problem import { useState } from "react"; import { Equal, Expect } from "../helpers/type-utils"; export const useId = (defaultId: string) => { cons ......
typeScript学习-interface和type 区别
typeScript学习 interface（接口） 和 type 区别 type 和接口类似，都用来定义类型，但 type 和 interface 区别如下： 区别1：定义类型范围不同 interface 只能定义对象类型或接口当名字的函数类型。 type 可以定义任何类型，包括基础类型、联合类型 ......
Docker安装Redis错误Reading the configuration file, at line 416 >>> 'locale-collate ""' Bad directive or wrong number of arguments
docker安装redis报错*** FATAL CONFIG FILE ERROR (Redis 7.0.12) ***
Reading the configuration file, at line 416
>>> 'locale-collate ""'
Bad directive or wro... ......
[Typescript] Don't compare generic function, instead compare function arguments and return type
Typescript has its problem that when you try to compare generic function to a function signature, you will run into issue. Because for one function, i ......
[Vue warn]: Runtime directive used on component with non-element root node. The directives will not function as intended.
 ### 原因 意思是自定义指令不能放到组件上,而是要放到自有的元素上,也就是这里用到的`v-dialogDrag ......
Typescript - 索引签名
索引签名是 TypeScript 中一个强大的特性，它允许我们在对象和类中使用动态的属性名称。通常情况下，我们会在对象或类中定义固定的属性，但有时我们需要处理具有动态属性名称的情况。这时，索引签名就派上了用场。
在这篇技术博文中，我们将介绍索引签名的使用方法和用例，将展示如何定义带有索引签名的接口... ......
vue3+typescript中的props
以上是子组件 以上是父组件 <script setup langs="ts"> let props = defineProps(['info','money'])//父子组件的通信需要用到defineProps方法去接受父组件想要传递的数据 console.info(props) </script> ......
前端周刊第66期：TypeScript教程、ESM、React泡沫、htmx、测试文章
周刊同步发表于微信公众号“写代码的宝哥”，欢迎各位小伙伴前来关注 😄！ ## 快讯  - 软一峰老师最近发布了[《 ......
import.meta.globEager('./src/components/**/*.vue'); 遍历文件
main.js ``` const importAll = (modules) => { Object.keys(modules).forEach((key) => { const component = key.replace('/src/', '@/').replace('.vue', ''); ......
Auto-registering all your components in Vue 3 with Vite
Auto-registering all your components in Vue 3 with Vite #vue#vitejs#components Why auto-register components? I'm actually a big fan of manually import ......
vue3+TypeScript 报红色波浪线
参考：https://blog.51cto.com/u_16175453/6664719 package.json里有typescript就：npm install 没有就：npm install typescript --save ......
[React Typescript] Generic Inference through Multiple Type Helpers
import { Equal, Expect } from "../helpers/type-utils"; interface Button<T> { value: T; label: string; } interface ButtonGroupProps<T> { buttons: Butto ......
[React Typescript] Passing Type Arguments To Components
import { ReactNode } from "react"; import { Equal, Expect } from "../helpers/type-utils"; interface TableProps<T> { rows: T[]; renderRow: (row: T) => ......
[React Typescript] Generics in Class Component
interface TableProps<T> { rows: T[]; renderRow: (row: T) => ReactNode; } export class Table<T> extends React.Component<TableProps<T>> { render(): Reac ......
Windows下使用Visual Studio编译LLVM（三）-为什么没有Pass插件
title: Windows下使用Visual Studio编译LLVM（三）-为什么没有Pass插件 date: 2023-08-11 15:00:00 updated: 2023-08-11 15:00:00 lang: zh-CN categories: - [LLVM] tags: - LL ......
[React Typescript] Generic function component
export const Table = <T>(props: TableProps<T>) => { return ( <table> <tbody> {props.rows.map((row) => ( <tr>{props.renderRow(row)}</tr> ))} </tbody> < ......
Visual Components正版软件报价 多少钱一套
Visual Components在模拟仿真时，可实时采集仿真数据生成数据图表。在模拟仿真中，让用户了解整线的效率，产出率，寻找自动化产线瓶颈，查看各工位的实际效率，对各个设备的实际使用率了如指掌，对成本控制相当的有帮助。还可通过API，导出excel表格，做数据分析，工艺排程等使用。 ① 更强大： ......
typeScript学习-TS类型-null和undefined
typeScript学习 null 和 undefined undefined any unknown 可以接受 undefined let data: undefined = undefined let data2: any = undefined let data3: unknown = und ......
typeScript学习-TS类型-合成类型
typeScript学习 合成类型：联合类型, 交叉类型 联合类型： let str:srting | number = "abc" str=3 交叉类型： type Obj1 = {username:string} type Obj2 = {age:number} let obj:Obj1={us ......
typeScript学习-TS类型-字面量数据类型
typeScript学习 字面量数据类型： // type A = number | string // let a:A = "abc" // type num = number // let n:num = 3 type num = 1 | 2 | 3 let n:num = 2 // 错误情况 ......
typeScript学习-TS类型-其他特殊类型-never
typeScript学习 其他特殊类型： any, unknown, never, void, 元组(tuple), 可变元组 never： // dataFlowAnalysisWithNever 方法穷尽了 DataFlow 的所有可能类型。 // 使用 never 避免出现未来扩展新的类没有对 ......
typeScript学习-TS类型-其他特殊类型-any、unknown
typeScript学习 其他特殊类型： any, unknown, never, void, 元组(tuple), 可变元组 any 比较经典的应用场景： 1、自定义守卫 2、需要进行 as any 类型断言的场景 unknown 一般用作函数参数： 用来接收任意类型的变量实参，但在函数内部只用于 ......
typeScript学习-TS类型-枚举
typeScript学习 枚举：enum 枚举的定义：用来存放一组固定的常量的序列。 枚举带来的好处： 1、有默认值和可以自增值，节省编码时间 2、语义更清晰，可读性增强， 因为枚举是一种值类型的数据类型，方法参数可以明确参数类型为枚举类型 enum WeekEnd { Monday = "myMo ......
typeScript学习-TS类型-接口
typeScript学习 接口： 定义：另一种定义对象类型的类型 接口应用场景： 1、一些第三方包或者框架底层源码中有大量的接口类型 2、提供方法的对象类型的参数时使用 3、为多个同类别的类提供统一的方法和属性声明 如何定义接口： 继承接口： 新的接口只是在原来接口集成之上增加了一些属性或方法，这是 ......