数据链接
可书写url 都可以替换成 数据链接:
src=“data:image/png;base64,这里是数据”
url也可以书写
应用场景:
一些很小的图片,不便于做成雪碧图,或者需要经常改动,可以写成数据链接,可以直接用后端的数据进行调整
优点:
1、减少请求次数
2、有利于动态生成数据
缺点:
1、增加了资源的体积(代码变多)
导致了传输内容增加,从而增加了单个资源的传输时间
2、不利于浏览器的缓存
每次重新打开页面,都会重新加载一遍。
3、会增加原资源的体积到原来的4/3(像图片什么的,他的图片容量大小会变大,3k→4k)
这是由于base64的格式转换导致的
base64是一种编码,通常用于将一些二进制数据,用一个可书写的字符串表示