- 博客(10)
- 收藏
- 关注
RSS订阅原创 React之Hook-----useCallback、高阶函数memo
1、“万恶之源”：函数式组件每次重新渲染时，都会把函数体里的所有代码执行一遍。2、useCallback解决的是 防止函数式组件里的 子函数（闭包） 多次被定义。既就是：useCallback是保证函数式组件重新渲染时，组件里的函数（闭包）只被定义一次。
2023-06-25 16:12:18
231
原创 React之Hook-----useEffect
当useEffect只有一个参数时，会无条件执行，但是，当发送请求时（页面的初始数据来自后端），一旦把请求放在useEffect里，就会无休止的执行。因为，当请求的数据回来后，引起组件的更新，组件更新后，再次触发useEffect，再次发送请求，再次组件更新…… 每当 React组件更新之后，就会触发 useEffect，在第一次的render 和每次 update 后的useEffect触发，不用再去考虑“初次挂载”还是“更新”。当为空数组时，表示不会二次触发（因为，没有任何依赖）。
2023-06-25 16:04:04
181
原创 React之Hook----useState
那么，当函数式组件重新渲染时，会不会再次把状态的值恢复成初始值呢？后续组件重新渲染时，会使用最后一次更新的状态值。【官网解释： React 会确保 setState 函数的标识是稳定的，并且不会在组件重新渲染时发生变化 】我们之前把函数式的组件叫做“无状态组件”。但现在我们为它们引入了使用 React state 的能力。首先，需要知道，函数式组件重新渲染时，会执行函数里的所有代码，useState让函数式组件也可以处理状态。
2023-06-25 15:57:03
112
原创 图片懒加载（原生）
2）、然后，当js监听到某张图片进入可视窗口时（说明你想看了），再将实际地址赋给src属性。如果图片没有进入可视区域，就不会加载图片（说明你还没想看呢），这样就大大的提高了效率。1）、先将img标签的src链接设为同一张图片(默认图片：可以是loading)，把图片的实际地址赋给一个自定义属性。这时候所有的图片只发送一次请求。通俗的说：你不看的图片我先不加载，也许你不看呢（哈哈），我何苦要做无效的事情呢 你想看时，我再加载（哈哈）一个网页如果包含了很多的图片，那么，服务器压力就会很大。
2023-06-25 15:53:17
129
原创 在React+Antd中，如何获取input的value
3.给input设置如下代码（value 和 onChange），注意命名。4.此时就可以获取到input的value了。1. 首先引入受控组件useState。
2023-06-20 20:57:16
1200
1
原创 一些好用的网站
智能AI设计工具https://www.gaoding.com/ai/design?第一财经商业数据中心网站https://www.cbndata.com/：是个对各种行业进行数据分析的网站，里面有很多信息和数据，做PPT招标书或者汇报的时候，查找数据非常方便，同时丰富的信息也可把握一下行业发展趋势。电脑控-网络基础知识的网站https://www.diannaokong.com/wangluo/：电脑出现的一些问题，就到上面看看，无线连接、电脑提速一些问题，看着文章自己弄弄就搞好了。
2023-06-14 19:48:20
37
原创 闭包知识点
> 1. 始终会使用一个全局标识符来接收子函数，造成了内存浪费,在IE低版本浏览器下甚至会造成内存泄漏。=> 2. 因为闭包始终和全局的标识符存在引用关系，闭包得不到及时释放，造成内存浪费。=> 2. 保证闭包内部私有变量的安全性，避免了全局变量因为命名冲突造成的全局污染。=> 2. 父函数内部访问了其他作用域的变量的子函数，这个子函数就叫闭包。=> 1. 支持跨作用域访问变量，延伸了变量的作用范围。=> 1. 跨作用域访问了变量，这种现象就叫闭包。=> 2. 在子函数内部访问该变量。
2023-06-14 19:47:57
28
原创 Vue中对Axios进行封装（api请求集中管理）
编写 util 文件夹下的 index.js 文件。1.api请求集中管理。4.常见错误信息处理。
2023-06-14 19:28:59
108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人