05 2024 档案
摘要：1 参考了文献： https://blog.csdn.net/Xxxxxl17/article/details/135112347
阅读全文
摘要：1 scale()方法 //屏幕内的内容 // 样式部分 .contain { width: 100vw; height: 200vh; background: url(.pic); backgrouns-size:cover } .screen { display: inline-block; w
阅读全文
摘要：type 可以用来给一个类型起个新名字，当命名基本类型或联合类型等非对象类型时非常有用, 而接口不行 type MyNumber = number; type StringOrNumber = string | number; type Text = string | string[]; 2 类型别
阅读全文
摘要：1 父向子 props (defibeProps) , 子向父自定义事件（defineEmits） 2 时间总线（mitt插件） 3 v-model (可以绑定多个v-model) a 给子组件传递props[modelValue] b 给子组件传递自定义事件 @update：modelValue
阅读全文
摘要：接受一个或多个函数作为参数; 返回一个新的函数; 2 使用场景（页面权限， 某些页面是必须用户登录成功才能进行进入;如果用户没有登录成功，那么直接跳转到登录页面;） // 定义一个高阶组件, 用于鉴权的操作 function loginAuth(WrapperCpn) { return props
阅读全文
摘要：1.使用 createContext 创建一个 Context对象，创建一个“上下文” 2.使用 Provider 提供值 value 3.使用 useContext 访问createContext 返回的 Context对象 import React, { useContext, createCo
阅读全文
摘要：1 在 react 中，Input textarea 等组件默认是非受控组件（输入框内部的值是用户控制，和React无关）。但是也可以转化成受控组件，就是通过 onChange 事件获取当前输入内容，将当前输入内容作为 value 传入，此时就成为受控组件。 class TestComponent
阅读全文
摘要：一 useffect 1 模拟componentDidMount 第二个参数为一个空数组，可以模拟componentDidMount componentDidMount：useEffect(()=>{console.log('第一次渲染时调用')},[]) 2 模拟componentDidUpdat
阅读全文
摘要：父组件使用 useRef 创建一个 ref 传入 子组件； 子组件需要使用useImperativeHandle 暴露 ref 自定义的实例值给父组件。这个需要用 forwardRef 包裹着。 父组件 const ref = useRef() ref.current & ref.current.i
阅读全文
摘要：在redux中，核心组件包括Action、Reducer、Store和Middleware。 Action是一个普通的JavaScript对象，用于描述发生了什么事件。它必须包含一个type属性，用于标识事件的类型。可以在Action中添加其他自定义的属性来传递数据。 Reducer是一个纯函数，用
阅读全文
摘要：1 setsate setState( updater [,callback] ) updater：object/function - 用于更新数据 callback：function - 用于获取更新后最新的 state 值 a 构造函数是唯一建议给 this.state 赋值的地方 b 不建议直
阅读全文
摘要：一 纯组件 1 使用shouldComponentUpdate对先前的状态和 props 数据与下一个 props 或状态相同,如果两次的结果一直,那么就return false 使用纯净组件,pureComponent PureComponents 负责 shouldComponentUpdate
阅读全文
摘要：bind 由于在类中,采用的是严格模式,所以事件回调的时候，会丢失this指向,指向undefined,需要使用bind来给函数绑定上当前实例的this指向； 箭头函数的this指向上下文,所以永久能拿到当前组件实例，this指向,我们可以完美的使用箭头函数来替代传统事件处理函数的回调 箭头函数 c
阅读全文
