sss大辉 - 博客园

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大辉阅读(18) 评论(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大辉阅读(12) 评论(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大辉阅读(7) 评论(0) 推荐(0) 编辑

react props和插槽

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

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

proxy与defineproperty

摘要： proxy与defineproperty区别 1.defineproperty是属性劫持，而proxy针对是对象代理 2.defineproperty需要循环遍历对象，消化性能，而proxy不用 3.defineproperty可以监听数组属性变化，但是性能代价太大，vue2放弃;definepro 阅读全文

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

柯里化、组合、管道

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

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

回流/重绘

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

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

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

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

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

http与https

摘要： 1.HTTP (HyperText Transfer Protocol)，即超文本运输协议，是实现网络通信的一种规范(传输的是明文数据) 2.HTTPS = HTTP + SSL/TLS 流程图如下所示： SSL 的实现这些功能主要依赖于三种手段：对称加密：采用协商的密钥对数据加密非对称加密：实阅读全文

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

几种常见排序算法

摘要：冒泡排序从小到大排两个两个排序，这样最大的就在后面，下楼排序就排除最后一个，每次循环减一即可，还可以加一个状态，只要有一个状态不变，顺序是正确的 import { ref } from 'vue' let arr1 = ref([]) const a1 = (arr: any) => { for 阅读全文

posted @ 2024-03-13 17:48 sss大辉阅读(9) 评论(0) 推荐(0) 编辑