宫商羽-优快云博客

原创 React中组件之间如何通信？

由于React是单向数据流，主要思想是组件不会改变接收的数据，只会监听数据的变化，当数据发生变化时它们会使用接收到的新值，而不是去修改已有的值因此，可以看到通信过程中，数据的存储位置都是存放在上级位置中。

2023-02-20 14:13:33 640

原创说说你对git rebase 和 git merge的理解？区别？

然后对比当前分支相对于该祖先的历次提交，提取相应的修改并存为临时文件（老的提交X和Y也没有被销毁，只是简单地不能再被访问或者使用）git rebase 与 git merge都有相同的作用，都是将一个分支的提交合并到另一分支上，但是在原理上却不相同。从上面可以看到，会把两个分支的最新快照以及二者最近的共同祖先进行三方合并，合并的结果是生成一个新的快照。会将整个分支移动到另一个分支上，有效地整合了所有分支上的提交。会找到不同的分支的最近共同祖先，如上图的B。将当前分支与xxx分支合并，产生的新的。

2023-02-01 16:37:17 291

原创说说设备像素、css像素、设备独立像素、dpr、ppi 之间的区别？

CSS像素（css pixel, px）: 适用于web编程，在 CSS 中以 px 为后缀，是一个长度单位在 CSS 规范中，长度单位可以分为两类，绝对单位以及相对单位px是一个相对单位，相对的是设备像素（device pixel）一般情况，页面缩放比为1，1个CSS像素等于1个设备独立像素在同一个设备上，每1个 CSS 像素所代表的设备像素是可以变化的（比如调整屏幕的分辨率）在不同的设备之间，每1个 CSS 像素所代表的设备像素是可以变化的（比如两个不同型号的手机）

2023-02-01 16:26:08 134

原创如何实现上拉加载，下拉刷新？

下拉刷新和上拉加载这两种交互方式通常出现在移动端中本质上等同于PC网页中的分页，只是交互形式不同开源社区也有很多优秀的解决方案，如iscroll库等等这些第三方库使用起来非常便捷我们通过原生的方式实现一次上拉加载，下拉刷新，有助于对第三方库有更好的理解与使用。

2023-02-01 15:59:54 662

原创说说 JavaScript 中内存泄漏的几种情况？

说说 JavaScript 中内存泄漏的几种情况？

2023-02-01 15:44:55 199

原创 Vue中自定义指令的理解，应用场景有哪些？

开始之前我们先学习一下指令系统这个词指令系统是计算机硬件的语言系统，也叫机器语言，它是系统程序员看到的计算机的主要属性。因此指令系统表征了计算机的基本功能决定了机器所要求的能力在vue中提供了一套为数据驱动视图更为方便的操作，这些操作被称为指令系统我们看到的v-开头的行内属性，都是指令，不同的指令可以完成或实现不同的功能除了核心功能默认内置的指令(v-model和v-show)，Vue也允许注册自定义指令。

2023-02-01 15:37:24 202

原创说说TCP为什么需要三次握手和四次挥手？

三次握手（Three-way Handshake）其实就是指建立一个TCP连接时，需要客户端和服务器总共发送3个包主要作用就是为了确认双方的接收能力和发送能力是否正常、指定自己的初始化序列号为后面的可靠性传送做准备过程如下：上述每一次握手的作用如下：通过三次握手，就能确定双方的接收和发送能力是正常的。之后就可以正常通信了如果是两次握手，发送端可以确定自己发送的信息能对方能收到，也能确定对方发的包自己能收到，但接收端只能确定对方发的包自己能收到无法确定自己发的包对方能收到并且两次握手的话, 客户端有可能因为

2023-01-31 16:57:32 188

原创如何理解TCP/IP协议?

OSI 参考模型与 TCP/IP 参考模型区别如下：OSI 参考模型与 TCP/IP 参考模型都采用了层次结构都能够提供面向连接和无连接两种通信服务机制OSI 采用的七层模型；TCP/IP 是四层或五层结构TCP/IP 参考模型没有对网络接口层进行细分，只是一些概念性的描述；OSI 参考模型对服务和协议做了明确的区分OSI 参考模型虽然网络划分为七层，但实现起来较困难。TCP/IP 参考模型作为一种简化的分层结构是可以的。

2023-01-31 16:53:53 308

原创如何理解UDP 和 TCP? 区别? 应用场景?

可以看到，TCP 应用场景适用于对效率要求低，对准确性要求高或者要求有链接的场景，而UDP 适用场景为对效率要求高，对准确性要求低的场景。会将数据放入“蓄水池”（缓存区），等到可以发送的时候就发送，不能发送就等着，TCP会根据当前网络的拥塞状态来确定每个报文段的大小。，即对应用层交下来的报文，不合并，不拆分，只是在其上面加上首部后就交给了下面的网络层。报头包括4个字段，每个字段占用2个字节（即16个二进制位），标题短，开销小。而对接收方，接到后直接去除首部，交给上面的应用层就完成任务。

2023-01-31 16:43:06 197

原创什么是HTTP? HTTP 和 HTTPS 的区别?

传输的数据并不是计算机底层中的二进制包，而是完整的、有意义的数据，如HTML 文件, 图片文件, 查询结果等超文本，能够被上层应用识别。是一个传输协议，即将数据由A传到B或将B传输到A，并且 A 与 B 之间能够存放很多第三方，如： AXYZB。与各种应用层协议之间，浏览器和服务器在使用 SSL 建立连接时需要选择一组恰当的加密算法来实现安全通信，为数据通讯提供安全支持。在计算机和网络世界有，存在不同的协议，如广播协议、寻址协议、路由协议等等…为了保证这些隐私数据能加密传输，让。

2023-01-31 16:31:59 251

原创说说对Fiber架构的理解？解决了什么问题？

在完成一部分任务之后，将控制权交回给浏览器，让浏览器有时间再进行页面的渲染。线程长时间地占用了主线程，那么渲染层面的更新就不得不长时间地等待，界面长时间不更新，会导致页面响应度变差，用户可能会感觉到卡顿。内部所定义的一种数据结构，它是 Fiber树结构的节点单位，也就是 React 16 新架构下的虚拟DOM。即可以中断与恢复，恢复后也可以复用之前的中间状态，并给不同的任务赋予不同的优先级，其中每个任务更新单元为。如果组件较大，那么js线程会一直执行，然后等到整棵VDOM树计算完成后，才会交给渲染的线程。

2023-01-31 16:25:00 88

原创说说React Jsx转换成真实DOM过程？

在react源码中，虚拟Dom转化成真实Dom整体流程如下图所示：使用React.createElement或JSX编写React组件，实际上所有的 JSX 代码最后都会转换成React.createElement(…) ，Babel帮助我们完成了这个转换的过程。createElement函数对key和ref等特殊的props进行处理，并获取defaultProps对默认props进行赋值，并且对传入的孩子节点进行处理，最终构造成一个虚拟DOM对象。

2023-01-06 17:15:57 230

原创说说对React Hooks的理解？解决了什么问题？

上述传入第二个参数后，如果 count 的值是 5，而且我们的组件重渲染的时候 count 还是等于 5，React 将对前一次渲染的 [5] 和后一次渲染的 [5] 进行比较，如果是相等则跳过effects执行。因此，现在的函数组件也可以是有状态的组件，内部也可以维护自身的状态以及做一些逻辑方面的处理。上面讲到，Hooks让我们的函数组件拥有了类组件的特性，例如组件内的状态、生命周期。的出现，使函数组件的功能得到了扩充，拥有了类组件相似的功能，在我们日常使用中，使用。是React 16.8 的新增特性。

2023-01-06 16:58:07 158

原创说说对受控组件和非受控组件的理解？应用场景？

如果选择非受控组件的话，控制能力较弱，表单数据就由DOM本身处理，但更加方便快捷，代码量少。这时候当我们在输入框输入内容的时候，会发现输入的内容并无法显示出来，也就是。受控组件，简单来讲，就是受我们控制的组件，组件的状态全程响应外部数据。一般情况是在初始化的时候接受外部数据，然后自己在内部存储其自身状态。大部分时候推荐使用受控组件来实现表单，因为在受控组件中，表单数据由。事件，输入的时候触发事件函数，在函数内部实现。非受控组件，简单来讲，就是不受我们控制的组件。当用户输入新的内容时，内的内容也就不会变了。

2023-01-06 16:28:19 123

原创什么是防抖和节流？有什么区别？如何实现？

节流: n 秒内只运行一次，若在 n 秒内重复触发，只有一次生效防抖: n 秒后在执行该事件，若在 n 秒内被重复触发，则重新计时一个经典的比喻:想象每天上班大厦底下的电梯。把电梯完成一次运送，类比为一次函数的执行和响应假设电梯有两种运行策略debounce和throttle，超时设定为15秒，不考虑容量限制电梯第一个人进来后，15秒后准时运送一次，这是节流电梯第一个人进来后，等待15秒。如果过程中又有人进来，15秒等待重新计时，直到15秒后开始运送，这是防抖。

2023-01-06 16:06:39 124

原创说说React render方法的原理？在什么时候会被触发？

render函数里面可以编写JSX，转化成这种形式，用于生成虚拟DOM，最终转化成真实DOM在React中，类组件只要执行了setState方法，就一定会触发render函数执行，函数组件使用useState更改状态不一定导致重新render组件的props改变了，不一定触发render函数的执行，但是如果props的值来自于父组件或者祖先组件的state在这种情况下，父组件或者祖先组件的state发生了改变，就会导致子组件的重新渲染所以，一旦执行了setState就会执行render方法，

2023-01-05 11:06:59 208