vue3
LiKObest
这个作者很懒,什么都没留下…
展开
-
vue中的nextTick钩子
我们可以理解成,vue在更新DOM时是异步执行的。当数据发生变化,vue将开启一个异步更新队列,视图需要等队列中所有数据变化完成之后,再统一进行更新。什么是nextTick?在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。因此,当我们发现需要操作dom时,读取的数据是更新之前的,就需要使用到nextTick。可以看到数据包括视图都是更新后的,但获取的dom节点还是旧值。也可以利用await阻塞下方代码的特性来获取更新后的数据。使用nextTick。原创 2023-07-02 00:34:28 · 69 阅读 · 1 评论 -
用IntersectionObserver实现图片懒加载
构造函数来监听实现懒加载,它的参数是一个回调函数,其默认参数有个isIntersecting属性,可以通过这个属性来判断容器元素是否在可视区域内;为了减少网络请求,提升页面加速速度,可以使用懒加载来做优化。开始监听一个目标元素,停止监听特定目标元素。还可以通过js提供的。原创 2023-06-25 19:23:01 · 44 阅读 · 0 评论