FormAda的博客

主要区别是序列化和反序列化，RPC通过二进制高效传输，HTTP是json格式传输，序列化更消耗性能；RPC可以基于TCP，也可以基于HTTP,而THHP只能基于HTTP;2.0是长连接支持多路复用，支持头部压缩和服务器推送，二进制传输，1.0和2.0都是tcp连接。3.0是udp，3.0的优点有连接迁移、无队头阻塞、自定义拥塞控制、前向安全和前向纠错。服务器响应，生成http报文返回给浏览器。4.在一个网站中输入url会发生什么。1.1是长连接，为文本传输。HTTP1.0是短连接。tcp连接，三次握手。

Code Splitting代码分割，是一种优化技术。它允许将一个大的chunk拆分成多个小的chunk，从而实现按需加载，减少初始加载时间，并提高应用程序的性能。在Webpack中通过optimization.splitChunks配置项来开启代码分割。

是数组的一种迭代方法，主要用于对数组中的每一项执行给定的函数。它只是简单地对数组进行遍历，没有提供跳出循环的机制。基础数据类型：string,number,boolean，null，undefined，bigInt，symbol。在规定的时间内没有触发事件，就执行函数，如果在规定的时间触发了时间久重新开始计时。当异常被抛出时，正常的流程被打断，可以通过。函数执行一次后，在规定的时间内不再执行。块捕获异常，从而实现停止迭代的效果。执行顺序：同步代码->微任务->宏任务。引用数据类型：Object。

vue2中虚拟dom进行的是全量的对比，vue3采用了静态标记（PatchFlag），对比如果两个结点有不同的地方，就用patch对象存储起来，最后用patch记录的消息去局部的更新dom效率更高。在diff算法中，如果数组的长度发生变化，会导致key的变化，Vue 会复用错误的旧子节点，做很多额外的工作，不能提高性能。如果data是对象的话，对象属于引用类型，会影响到所有的实例。vue2中无论元素是否参与更新，都会被重新创建然后渲染，vue3不参与更新的元素只会被创建一次，在渲染的时候直接被复用。

使用Webkit的内核的-webkit-text-size-adjust的私有CSS属性来解决，只要加了-webkit-text-size-adjust:none;收缩的是整个元素的大小，这时候，如果是内联元素，必须要将内联元素转换成块元素，可以使用display：block/inline-block/...；‌3.使用display属性‌：将元素的display属性设置为inline-block、table-cell、table-caption、flex或grid等也可以触发BFC。