react学习日记(二期)
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 MaybeJustLikeThis！
相关推荐
2024-09-12
react学习日记(三期)
2024-09-04
react学习日记
前记之前大二暑假时候学过react18,不过是class类型的,最近在工作中遇到了用react重构的需求,现在捡起来重新学一下最新的react18用函数类型（没有需求没有动力） 不多说,上代码： 12345678910111213141516171819202122232425262728293031323334// app.jsximport React, { useState } from "react";export default function App() {//定义主组件 const [advice, setAdvice] = useState(""); const [count, setCount] = useState(""); async function getAdvice(params) { const res = await fetch("url"); const data = await res.json(); ...
2024-08-21
ts笔记（一期）
ts标识符的类型推导let 进行类型推导,推导出来的通用类型const 进行类型推导,推导出来的字面量类型 12let message = "aaaa";//message 已经被推断为了 字符串类型 ts 的数据类型数组明确的指定 数组的 类型注解 在 ts 中 数组中一般存放相同类型的数据 第一种写法 string[ ]; 第二种 Array 泛型 函数函数 要求传入值最好确定类型 返回值可以进行类型推断 123function sum(num1: number, num2: number): number { return num1 + num2;} 在 TypeScript 中，你可以使用函数类型来定义函数的类型和结构。函数类型可以很灵活地定义参数和返回值的类型，这对于编写类型安全的代码非常有用。 以下是一些函数类型的示例： 定义函数类型 12345// 定义一个函数类型，接受两个参数并返回一个 number 类型的值type MyFunctionType = (a: number, b: number) => nu...
2024-09-02
ts笔记（三期）
枚举类型数字枚举例如 红绿蓝 Red = 0 Green = 1 Blue= 2 分别代表红色0 绿色为1 蓝色为2 12345enum Types{ Red, Green, BLue} 这样写就可以实现应为ts定义的枚举中的每一个组员默认都是从0开始的所以也就是 1234567enum Types{ Red = 0, Green = 1, BLue = 2}//默认就是从0开始的 可以不写值 增长枚举 12345enum Types{ Red = 1, Green, BLue} 如上，我们定义了一个数字枚举， Red使用初始化为 1。 其余的成员会从 1开始自动增长。 换句话说， Type.Red的值为 1， Green为 2， Blue为 3。 字符串枚举字符串枚举的概念很简单。 在一个字符串枚举里，每个成员都必须用字符串字面量，或另外一个字符串枚举成员进行初始化。 12345enum Types{ Red = 'red...
2024-09-09
ts笔记（四期）
Symbol自ECMAScript 2015起，symbol成为了一种新的原生类型，就像number和string一样。symbol类型的值是通过Symbol构造函数创建的。 可以传递参做为唯一标识 只支持 string 和 number类型的参数 使用symbol定义的属性，是不能通过如下方式遍历拿到的12345678910111213141516171819202122const symbol1 = Symbol('666')const symbol2 = Symbol('777')const obj1= { [symbol1]: '小满', [symbol2]: '二蛋', age: 19, sex: '女'}// 1 for in 遍历for (const key in obj1) { // 注意在console看key,是不是没有遍历到symbol1 console.log(key)}// 2 Object....
2024-08-21
ts笔记（二期）
tsClass下面是一个简易的vue用class写的 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465interface Options { el: string | HTMLElement}interface VueCls{options :optionsinit():void}interface Vnode{ tag:string text?:string children?.Vnode[]}// 虚拟domclass Dom{ //创建节点的节点 createElement(el:string ){ return document.createElement(el) } //填充文本的方法 setText(el:HTMLElem...
评论