- 博客(4)
- 收藏
- 关注
原创 vue知识储备
vue3依托他强大的编译器,能够对每一个节点进行标记他是静态的还是动态的。并把所有动态节点提取到根节点里面去,根节点会存储一个所有动态节点的数组。对比的时候直接找到根(block)节点记录的动态节点数组,直接对比新旧两棵树的动态节点数组。2. 预字符串化:当编译器遇到template模板中大量连续的静态内容(比如20个节点)时,会直接将其编译为一个普通的字符串节点。5. PatchFlag:vue3编译器在进行标记动态节点的时候,会具体标记这个动态节点的哪些信息是动态的。
2024-04-08 19:23:48 225 1
原创 Js知识储备
事件循环又叫消息循环,是浏览器渲染主线程的工作方式。在Chrome的源码中,它开启一个不会结束的for循环,每次循环从消息队列中取出第一个任务执行,而其他线程只需要在合适的时候将任务加入到队列末尾即可。过去把消息队列简单分为宏队列和微队列,这种说法目前已无法满足复杂的浏览器环境,取而代之的是一种更加灵活多变的处理方式根据W3C官方的解释,每个任务有不同的类型,同类型的任务必需在同一个队列,不同的任务可以属于不同的队列。不同任务队列有不同的优先级,在一次事件循环中,由浏览器自行决定取哪个队列的任务。
2024-03-27 16:17:55 340
原创 css知识储备
px是绝对长度单位,具有相对性,和屏幕的分辨率有关。分辨率强的设备可能像素点小一些。rem具体的大小相对于根元素(一般是html元素的)的font-size计算。2. 相对长度单位:em、rem、vw、vh、vmin、vmax...em是相对长度单位,具体的大小相对于父元素的font-size计算。1vmin:视口(宽、高)较小尺寸的1%1vmax:视口(宽、高)较大尺寸的1%1. 绝对长度单位: px...1vw:视口宽度的1%1vh:视口高度的1%
2024-03-06 11:13:53 347
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人