sss大辉 - 博客园

react-redux与toolkitIndex使用

摘要： 1.安装 React-Redux：首先，你需要将 React-Redux 安装到你的项目中。你可以使用 npm 或者 yarn 来安装它： npm install react-redux 2.创建 Redux Store：在你的应用程序中，创建 Redux store 来管理应用程序的状态。你可以使阅读全文

posted @ 2024-04-08 22:27 sss大辉阅读(25) 评论(0) 推荐(0) 编辑

react 性能问题和优化

摘要：某个组件更新,子组件也会一起更新 react更新采用时间切片,vue则是依赖收集执行更新操作为16ms,如果操过16ms,先暂停更新,让浏览器先渲染时间切片时间是16ms,因为人眼刷新率约60帧,60hz为16ms 1.避免state改为同样的值(class用PureComponent,函数组件阅读全文

posted @ 2024-04-08 22:03 sss大辉阅读(25) 评论(0) 推荐(0) 编辑

react 函数组件和hook

摘要：函数组件 1.函数组件没有生命周期 2.函数组件没有this 3.函数组件通过hook完成各种操作 4.函数组件本身就是render函数 5.props在函数第一个参数解释 useState 参考https://www.cnblogs.com/ssszjh/p/14581014.html props 阅读全文

posted @ 2024-04-08 22:01 sss大辉阅读(23) 评论(0) 推荐(0) 编辑

react ref和context

摘要： ref获取dom context类似provider和injected,用于嵌套很深的爷孙组件传值子组件使用父组件创建的context对象,不能自己创建 context创建在函数组件和class组件都是一样的 export let Context1 = React.createContext('' 阅读全文

posted @ 2024-04-08 21:57 sss大辉阅读(31) 评论(0) 推荐(0) 编辑

react 生命周期

摘要： 1.class组件初次挂载 1.constructor 2.getDerivedStateFromProps 3.render 4.componentDidMount 更新数据 1.getDerivedStateFromProps 2.shouldComponentUpdate 3.render 阅读全文

posted @ 2024-04-08 21:39 sss大辉阅读(13) 评论(0) 推荐(0) 编辑

react props和插槽

摘要： 1.父子传值、插槽都是基于props 2.在react里父组件给组件传值跟具名插槽并无区别 3.子组件给父组件传值，也是利用props上定义方法，子组件拿到这个方法并传值 4.默认插槽，在子组件通过props.children获取 5.作用域插槽是通过父组件定义一个方法执行，子组件拿到这个方法并传值阅读全文

posted @ 2024-04-07 11:35 sss大辉阅读(52) 评论(0) 推荐(0) 编辑

proxy与defineproperty

摘要： proxy与defineproperty区别 1.defineproperty是属性劫持，而proxy针对是对象代理 2.defineproperty需要循环遍历对象，消化性能，而proxy不用(仅针对vue情况下多对象复杂情况，正常情况下defineproperty性能比proxy好) 3.def 阅读全文

posted @ 2024-03-31 18:07 sss大辉阅读(200) 评论(0) 推荐(0) 编辑

柯里化、组合、管道

摘要： // 柯里化是把一个多参数函数转化成一个嵌套的一元函数的过程 function currying (fn) { let _args = [], max = fn.length let closure = function (...args) { // 先把参数加进去 _args.push(...ar 阅读全文

posted @ 2024-03-29 00:02 sss大辉阅读(19) 评论(0) 推荐(0) 编辑

回流/重绘

摘要：回流：布局引擎会根据各种样式计算每个盒子在页面上的大小与位置重绘：当计算好盒模型的位置、大小及其他属性后，浏览器根据每个盒子特性进行绘制浏览器解析渲染机制：解析HTML，生成DOM树，解析CSS，生成CSSOM树将DOM树和CSSOM树结合，生成渲染树(Render Tree) Layout 阅读全文

posted @ 2024-03-26 20:23 sss大辉阅读(9) 评论(0) 推荐(0) 编辑

HTTP1.0/HTTP1.1/HTTP2.0区别

摘要： HTTP1.0：浏览器与服务器只保持短暂的连接，浏览器的每次请求都需要与服务器建立一个TCP连接 HTTP1.1：引入了持久连接，即TCP连接默认不关闭，可以被多个请求复用在同一个TCP连接里面，客户端可以同时发送多个请求虽然允许复用TCP连接，但是同一个TCP连接里面，所有的数据通信是按次阅读全文

posted @ 2024-03-26 01:04 sss大辉阅读(30) 评论(0) 推荐(0) 编辑