- 博客(5)
- 收藏
- 关注
RSS订阅原创 浅谈react fiber原理
React Fiber 是 React 16 引入的一种新的协调算法，用于实现更新、调度和渲染 React 组件。它的目标是提高 React 应用的性能和用户体验，使得 React 能够更好地处理大型和复杂的应用。：React Fiber 是一种可中断的更新机制，将渲染过程分解为多个步骤，并允许在每个步骤中暂停、中断或者优先级调度。这样可以确保 React 在处理更新时能够及时响应用户输入、动画和其他高优先级任务，从而提高了应用的响应性和流畅性。二.
2024-03-18 19:02:57
2096
原创 浅谈vue2到vue3的区别（Proxy 篇）
首先如果开发者定义了一个useRef () 那么内部执行的时候首先会判断你的数据类型 如果是useRef对象就会直接返回 如果是一个引用类型的数据那么在创建useRef对象时createRef的函数会在内部调用useReactive从而创建一个Proxy进行数据监听，如果定义的useRef是一个非引用类型的时候那么useRef还是会通过。vue2-3的差异作为一个面试高频的题目而受到了光大前端同学的关注下面小编就结合自己的理解试着说一说他们之间的区别。提供了更灵活的方式来实现响应式。
2024-03-16 23:43:25
604
1
原创 vue watermark 添加水印（防盗）
关于设置文字的以图片的形式呈现，我们可以根据传进来的文字进行canvas绘制成图片然后以backgrund-image平铺的形式展示，实现点击穿透可以考css实现，对水印进行防删防篡改的功能需要通过MutationObserver进行监听。vue 常用ui库element-ui是没有水印功能的，下面我们就按照ant design里面水印功能进行开发vue 水印，如果说npm的插件不满足你的需求下面就是代码的开源 ，可以根据实际需求进行修改。1.设置的文字最终以图片的形式呈现。
2024-03-09 18:35:25
1890
1
原创 浏览器事件循环（event loop）
在以往的event loop中 渲染进程会把消息队列分为宏任务队列和微任务队列根据w3c的最新解释因为现在的浏览器复杂程度 两个队列并不能解决现在复杂的场景，从而抛弃了宏任务队列并允许有很多个队列（每个浏览器必须有一个微任务队列这个队列优先级最高，其他的次之每个浏览器对除微任务队列以为的权重各有不同），并在浏览器的源码上每个任务都有一个任务类型，根据类型分配到对应的队列同一个类型的任务必须分配同一个队列里。在目前的chrome浏览器至少包含了 微队列（最高），交互队列（高），计时队列（中）
2024-03-08 17:22:23
1816
1
原创 大量数据el-tabel的虚拟滚动
虚拟滚动是一种优化技术，可以在大量数据的情况下，只渲染可视区域的内容，而不是整个数据集。在这个示例中，我们通过动态计算每一行的高度，然后根据可视区域的高度来确定可视区域的数据范围。这样即使行高不固定，也能实现虚拟滚动的效果。组件本身不支持虚拟滚动，但你可以通过一些额外的工作来实现虚拟滚动的效果。的高度，并在其内部使用滚动容器，监听滚动事件，动态地渲染可视区域的数据。元素的子元素表示的。在实际应用中，你可能需要根据实际情况对代码进行调整。这里提供一个简单的示例代码，演示如何通过监听滚动事件来实现虚拟滚动。
2024-02-29 13:12:05
1388
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人