处理网络请求qs、图片转base64的优劣
生活随笔
收集整理的這篇文章主要介紹了
处理网络请求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" />
總結
以上是生活随笔為你收集整理的处理网络请求qs、图片转base64的优劣的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 是否打印日志
- 下一篇: uniapp踩坑指南之坑多到写不完