vvv3171071的博客

目的： 图片预加载能够使得用户在浏览后续页面的时候，不会出现图片加载一半导致浏览不流畅的情况。场景：在开发的过程，我们经常会遇到这样的要求，当鼠标hover上去的时候，更改菜单的背景。如果没有进行图片预加载的话，会出现闪烁。那么拥有1px的眼睛的设计师们不会放过你的。为什么会出现这张情况？因为hover的时候，图片才会去加载。那么我们现在来解决这个问题。首先我们要知道一点：如果图片在使用之前就已经请求过了，那么再次使用的时候，就不会再去请求（ps：图片路径一样）。下面讲实现方式：一、方法一项目打

页面样式如下：html：<li> <div class="nav-tab">技术分析</div> <ul class="nav-menu"> <li>音视频</li> <li>语言</li> <li>Firebase</li> <li>Google AAB</li> <li>百度</li> </ul&gt

设计案例：左对齐前左对齐后html：<h1 class="module-title">核心产品</h1><ul class="core-top"> <li v-for:'xxx'> <img :src="xxx" alt="" /> <div class="content"> <h3>xxx</h3> <p>xxx</p>