原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
Java记⼀次前后端⼤数据压缩过程
近期开发⼀个功能时，发现后端返回的数据量太⼤，前端解析也很慢，严重影响了⽤户体验，然后有了这次调优过程。
先说下环境：
jdk 1.8
springboot ,cloud
vue
pgsql
测试⼯具：
postman
Chorme
在⽹上也找了很多的⽅法，有点是后端压缩了，但是速度也不理想，有的是后端加密了，前端解不了等等原因。
整个结论结果就是：
后端使⽤Base64压缩，前端使⽤Base64解压，其中依靠编码转换⽅法（unzip）。
没有时间的码友可以直接复制结果：
前端：
!DOCTYPE html!DOCTYPE html
headheadhead
titleTitle/title
scriptscript
/script
scriptscript
/script
/head
bodybody
script
let Utf8ArrayToStr = function(array) { let Utf8ArrayToStr = function(array) {
char1, char2, char3, char4;
while(i len) {
char1 = array[i++];
if (char1 4 = 7) {
out += String.fromCharCode(char1);
} else if (char1 4 == 12 || char1 4 == 13) {
char2 = array[i++];
out += String.fromCharCode(((char1 0x1F) 6)
| (char2 0x3F));
} else if (char1 4 == 14) {
char2 = array[i++];
char3 = array[i++];
char4 = ((char1 0x0F) 12)
| ((char2 0x3F) 6);
| ((char2 0x3F) 6);
out += String.fromCharCode(char4
| ((char3 0x3F) 0));
}
}
return out;
};
function unzip(b64Data) {
let strData = atob(b64Data);
let charData = strData.split().map(function (x) {
return x.charCodeAt(0);
});
let binData = new Uint8Array(charData);
let data = pako.inflate(binData);
//strData = Utf8ArrayToStr(data)
largeuint8ArrToString(data,(item) ={
console.log(item);
});
//let json = JSON.parse(strData);
//let children = json[children];
//正则表达式匹配全部匹配全部 需要加 /g
//let reg = /\/g;
//使⽤replace⽅法将全部匹配正则表达式的转义符替换为空
//let replaceAfter = children.replace(reg,);
return strData;
};
function largeuint8ArrToString(uint8arr, callback) {
var bb = new Blob([uint8arr]);
var f = new FileReader();
f.onload = function(e) {
callback(e.target.result);
};
f.readAsText(b
文档评论（0）