seven.kl-CSDN博客

转载 React通过events通讯

经过我们前面的学习我们知道, 子父组件之间通讯, 是通过回调函数的方式，兄弟组件之间通讯, 也是通过父组件, 通过回调函数的方式。但是如果通过回调函数, 传统的方式我们需要一层一层的传递, 比较复杂，所以我们可以借助一个第三方库(2.1 安装events库, npm install events。我们已经能够实现跨组件通讯，但是通过。如何使用events库实现跨组件通讯。("事件名称", 监听函数)；("事件名称", 监听函数)；("事件名称", 参数列表);)来实现跨组件事件通讯。

2023-03-20 17:12:28 332

原创 react中hooks使用，主打一个细节

useCallback不同于useMemo的是，useMemo是缓存的值，useCallback是缓存的函数，父组件给子组件传递参数为普通函数时，父组件每次更新子组件都会更新，但是大部分情况子组件更新是没必要的，这时候我们用useCallback来定义函数，并把这个函数传递给子组件，子组件就会根据依赖项再更新了。因为useState的更新函数会直接替换老的state，所以我们在对对象或者数组的state做增删的时候不能像以前直接对数组使用push，pop，splice等直接改变数组的方法。

2023-03-05 23:44:01 239

原创字节前端面试题

({[]})’返回true '{]}'返回false '(){}[]' true '{])}'false。eg:[[9,10],[1,4],[3,6],[8,12]]转换为 [[1,6],[8,12]]eg: 将[1, [2, [3, [4, 5]]]];转换为[1, 2, 3, 4, 5];'hello world' 去重倒序 ‘drw oleh’将给定区间集合的重叠区间合并。写一个函数匹配以下结果。字节跳动广州外包面试题

2023-03-02 00:42:03 130

原创 react hook函数组件之 useMemo、useCallback 、useRef

要想学习useMemo、useCallback 必须要先知道React.memomemo的作用:当父组件数据变化时，代码会重新执行一遍，但是子组件数据没有变化也会跟随执行，这个时候可以使用memo将子组件封装起来，让子组件的数据只在发生改变时才会执行,节约子组件渲染的性能开销(一定要注意一点，useMemo、useCallback做性能优化时子组件要用memo包裹，没有这个前提，useMemo、useCallback优化是没用的！）简单来说useMemo(用作缓存一个值),useCallb...

2022-04-10 19:55:27 3554

转载详解 TCP 连接的“ 三次握手 ”与“ 四次挥手 ”

TCP connection的来源客户端与服务器之间数据的发送和返回的过程当中需要创建一个叫TCP connection的东西；由于TCP不存在连接的概念，只存在请求和响应，请求和响应都是数据包，它们之间都是经过由TCP创建的一个从客户端发起，服务器接收的类似连接的通道，这个连接可以一直保持，http请求是在这个连接的基础上发送的；在一个TCP连接上是可以发送多个http请求的，不同的版本这个模式不一样。在HTTP/1.0中这个TCP连接是在http请求创建的时候同步创建的，http请求发送

2022-04-10 17:33:14 2870

原创阿里面试题

1.在 im 中，聊天内容经常会遇到给对方发送链接地址的情况，请编写一道正则表达式，最大限度的匹配对方聊天内容中的 url。// 举例： // Apple says: 今天我淘到了一个宝贝，你也看一下感觉很适合你 https://detail.tmall.com/item.htm?id=577359445691&spm=a1z10.10649-b-s.0.0.335e225cy94dcW ，种草的话，下单吧！要求：仅仅识别 tmall.com 以及 taobao.com 这两个域名下的链接主要

2022-04-07 21:40:31 2451 3