处理网络请求qs、图片转base64的优劣

一、引入qs这个库，更好的处理网络请求传参。

qs.parse

let url = 'http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e';
let data = qs.parse(url.split('?')[1]);

// data的结果是
{
    a: 1, 
    b: 2, 
    c: '', 
    d: xxx, 
    e: ''
}

 qs.stringify

 

二、图片文件转为base64
好处：
1、减少了下载图片的http请求数，请求css就能下载下来图片
缺点：
1、转成base64编码后，文件体积增大
2、使用 Base64 不代表性能优化。CSS 文件体积的增大。 CSS 文件的体积直接影响渲染，导致用户会长时间注视空白屏幕。HTML 和 CSS 会阻塞渲染，而图片不会
总的看来甚至弊大于利。

// Base64 在CSS中的使用
.box{
  background-image: url("https://img-blog.csdnimg.cn/2022010702262632313.jpg");
}
// Base64 在HTML中的使用
<img src="https://img-blog.csdnimg.cn/2022010702262632313.jpg" />