一、引入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" />