大家好,又见面了,我是你们的朋友全栈君。
比如京东首页的这些icon,如果每个icon都去请求一个资源。是非常浪费资源的。因为我们浏览器在同一个域名下并发加载的资源(CSS、JS 、图片等)数量是有限的。
我们可以将这些icon放到一张图片,通过截取这张图片的不同的区域,拿到不同的icon
<img src="@/../public/img/home.png" style="width:30px;height:30px"/>
非常好用的精灵图制作网站 自动生成css:https://sprite.ydr.me/
图片大小修改:https://www.sojson.com/image/change.html
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/136516.html原文链接:https://javaforall.cn