在前端项目中,为了减少对图片的请求次数,一般而言需要进行雪碧图的配置。即将多张小图标合并成一张图片,这样页面中的小图标都在一张图片上,只需请求一张图片,就可以通过CSS设置各个小图标的显示,利于节省带宽和资源。雪碧图插件一般还支持快速引用小…
V4.0介绍地址:http://www.cnblogs.com/wang4517/p/4493917.html此次更新主要针对已有BUG的修复,用户可在客户端上直接看到更新信息,自己去下载已修复问题:1.单张图片的删除问题,有的用户提出了不…
什么是csssprites?csssprites:精灵图(雪碧图):把一堆小图片整合在一张大图上,通过背景图片相关设置(背景图片、背景图是否重复、背景图定位),显示图片,减轻服务器对图片的请求数量csssprites优点:1、减少网页的HT…
最新地址:http://www.cnblogs.com/wang4517/p/4476758.html
http://www.cnblogs.com/wang4517/p/4476758.htmlV4.0更新内容V4.0下载地址:http://download.csdn.net/detail/wx247919365/8685489提示:如果不…
1.背景颜色background-color:red;2.背景图片background-image:url("../../img/l1.png");3.图片填充background-repeat:no-repeat;(有这三个常用的属性值:…
v3.0更新介绍地址:http://www.cnblogs.com/wang4517/p/4476758.htmlv4.0更新介绍地址:http://www.cnblogs.com/wang4517/p/4493917.htmlv4.1更新…
一、背景问题项目中如果有大量的小图标,如果不使用阿里的iconfont。UI给一个加一个,加一个引用一个,每个图标虽然很小,但是也是一次请求,每次请求都是消耗性能资源的.二、解决思路使用webpack-spritesmith可以将所有的ic…
因为工作需要要将五六十张逐帧图拼成雪碧图,网上想找到一件制作工具半天没有找到,就自己用canvas写了一个。写成之后就再没有什么机会使用了,因此希望有人使用的时候如果遇到bug了能及时反馈给我。最近用vue2+webpack重新构建了下,代…