懒加载的概念和思路还有代码一文解决

懒加载是什么？

其实是延迟加载，就是一个页面假如说有10cm高，但你手机只有8cm高，那剩下2cm我就先不加载，反正你还没看到那边，对是不对。

好处是什么？

首先用户加载的会比较快一些，因为先集中力量加载你正在看的部分了。而且也会减轻服务器压力。

如何实现？

我们先来学习几个知识点：

这样我们就可以知道，这个标签是不是能显示在屏幕上了，days不day？

然后我们思路就很清晰了啊

1、我们可以用css的属性：display:none和visibility:hidden。这些属性能隐藏元素。需要注意的是display:none会导致重排。visibility:hidden不会引发重排，但是原本的位置会是一片空白。建议按需选择属性。

2、我们可以用vue的v-if='x'。当x为真时会显示元素。

有人会说v-show也可以啊？为什么不用v-show？因为v-show是一开始就渲染好了的，适用于频繁来回切换样式的界面，就是v-show并不是懒加载，这是勤快加载，后台一直在的，就是来回切罢了。

 

还有其他思路欢迎补充😄