- 博客(199)
- 收藏
- 关注
原创 echarts - xAxis.type设置time时该如何使用formatter的分级模板
xAxis.type设置time时该如何使用formatter的分级模板
2024-01-08 17:36:49 2828
原创 React Hook的实现原理
Hook 这个单词的意思是"钩子"。React Hooks 的意思是,组件尽量写成纯函数,如果需要外部功能和副作用,就用钩子把外部代码"钩"进来。React Hooks 就是那些钩子。你需要什么功能,就使用什么钩子。React 默认提供了一些常用钩子,你也可以封装自己的钩子。所有的钩子都是为函数引入外部功能,所以 React 约定,钩子一律使用use前缀命名,便于识别。你要使用 xxx 功能,钩子就命名为 usexxx。
2022-10-25 12:13:16 2828 1
原创 TypeScript 学习笔记(五)- infer
infer是在 typescript 2.8 中新增的关键字。一、简单的示例type ParamType<T> = T extends (...args: infer P) => any ? P : T;在这个条件语句 T extends (...args: infer P) => any ? P : T中,infer P 表示待推断的函数参数。整句表示为:如果 T 能赋值给 (...args: infer P) => any,则结果是 (...args: infer
2022-02-22 15:25:13 520 1
原创 TypeScript 学习笔记(四)- extends 的作用
一、继承接口继承 interface T1 { name: string } interface T2 { age: number } // 多重继承,逗号隔开 interface T3 extends T1,T2 { gender: string } // T3 => { name: string; age: number, gender: string } const t3: T3 = { name: '111'
2022-02-22 15:24:46 2831 1
原创 TypeScript 学习笔记(三)- type、typeof、keyof
介绍一些TS相关的基础知识。一、typetype 用于定义类型,常用于定义类型别名,类型别名就是用来给一个类型起个新名字, 类型别名常用于联合类型。type Name = string;type Age =number ;type NameOrAge = Name | Age; // type NameOrAge = string | number; 几乎 interface 的所有特性 type都有, type与interface 核心的区别在于 type 一旦定义就不能再添加新的属性,
2022-02-22 15:24:12 2282
原创 TypeScript 学习笔记(二)- 泛型
泛型(Generics)是允许同一个函数接受不同类型参数的一种模板。相比于使用 any 类型,使用泛型来创建可复用的组件要更好,因为泛型会保留参数类型。
2022-02-22 14:25:31 733
原创 网络 - 在HTTPS 网页中引入HTTP资源: Mixed Content
项目中用 iframe 加载了一个http资源,原先网站服务器配置的是http协议,所以可以顺利加载资源,现在项目升级用了https协议,这个http资源就无法加载了。Mixed Content: The page at xxx' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'xxx'. This request has been blocked; the content must be served o
2022-02-15 16:47:27 3135 1
原创 TypeScript 学习笔记(一)- 基本类型
一、原始数据类型布尔值布尔值是最基础的数据类型,在 TypeScript 中,使用 boolean 定义布尔值类型let isTrue: boolean = false;数值使用 number 定义数值类型let num: number = 1;字符串使用 string 定义字符串类型let name = "Tom";Null 和 Undefined可以使用 null 和 undefined 来定义这两个原始数据类型let u: undefined = undefined;l
2021-12-19 18:13:15 439
原创 正则 test() 出现匹配结果不一致
一、出现的原因在进行正则匹配的时候,出现了同一个字符串,两次匹配结果不一样的情况var s1 = "foo";var s2 = "foo";var regex = /foo/g;regex.test(s1); // trueregex.test(s2); // false在 MDN上有写明如果正则表达式设置了全局标志,test() 的执行会改变正则表达式 lastIndex属性。连续的执行test()方法,后续的执行将会从 lastIndex 处开始匹配字符串,(exec() 同样
2021-12-16 17:51:15 1637
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人