前端中用到的数据链接（含Base64编码）

数据链接：将目标文件的数据直接书写到路径位置

语法：data:MIME,数据
注:MIME是数据类型，比如：image/png、text/css
比如之前在img标签src中写的是路径，现在直接将图片数据写出来.类似这样：

有base64的转码、解码网站：
base64在线转码解码网站

• 优点：

-减少了浏览器中的请求
若在img中写了一个相对地址，就会重新发送一个请求。直接写出来就不需要重新发送请求，减少了请求中浪费的时间。

• 缺点：

1. 增加了资源的体积

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

2. 不利于浏览器的缓存

浏览器通常会缓存图片文件、css文件、js文件。数据url是不会被缓存的。

3. 会增加原资源的体积到原来的4/3。

• 应用场景：

1. 但请求单个图片体积较小，并且该图片因为各种原因，不适合制作雪碧图，可以使用数据链接。
2. 图片由其他代码动态生成，并且图片较小（数据量小），可以使用数据链接。

• base64是什么？

一种编码方式

通常用于将一些二进制数据（比如图片数据就是二进制数据），用一个可书写的字符串表示。