数据链接

可书写url 都可以替换成 数据链接:

src=“data:image/png;base64,这里是数据”

url也可以书写

应用场景:

  一些很小的图片,不便于做成雪碧图,或者需要经常改动,可以写成数据链接,可以直接用后端的数据进行调整

  优点:

    1、减少请求次数

    2、有利于动态生成数据

  缺点:

    1、增加了资源的体积(代码变多)

导致了传输内容增加,从而增加了单个资源的传输时间

    2、不利于浏览器的缓存

每次重新打开页面,都会重新加载一遍。

    3、会增加原资源的体积到原来的4/3(像图片什么的,他的图片容量大小会变大,3k→4k)

这是由于base64的格式转换导致的

base64是一种编码,通常用于将一些二进制数据,用一个可书写的字符串表示

posted @ 2021-04-02 10:22  杨耿  阅读(232)  评论(0编辑  收藏  举报