使用pako 进行数据压缩传输

最新推荐文章于 2024-06-29 20:36:08 发布
最新推荐文章于 2024-06-29 20:36:08 发布
阅读量300 收藏 1
点赞数 8
分类专栏： node.js 文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013205655/article/details/109843456
版权

pako 数据压缩和解压

最近使用了Luckysheet 表格功能，涉及到websocket 的数据传输，发现Luckysheet 使用了pako 对数据进行了压缩，遇到了一些问题

在前后端数据传输过程中，会遇到数据量比较大的问题，如大量表格，文档等数据的传输，因此可在前端使用pako 进行数据压缩传输给后端

pako 的封装器

API 文档

pako 2.1.0 API documentation

pako.gzip 方法会生成 Uint8Array 格式的数据

进行数据解析，二进制数据

deflate

inflate

版本问题

后端使用 2.0

前端是使用的1.0.5

两者方法不兼容

nodejs 中提供的

Zlib | Node.js v22.3.0 Documentation

数据编码问题，二进制格式

将文本字符串编码为一个有效的统一资源标识符 (URI)

相关参考

Please provide (minimal) client-side examples · Issue #15 · nodeca/pako · GitHub

https://zhuanlan.zhihu.com/p/24306581

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer

ArrayBuffer（二进制数据的原始缓冲区）_encoding arraybuffer-CSDN博客

Mr_M_W
关注
  • 8
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nodejs 使用 pako 压缩数据
阿豪
02-21 941
原文链接: nodejs 使用 pako 压缩数据 ...
pako是什么以及它的的使用
mantou_riji的博客
12-15 566
ws推送的gzip压缩能减少大量的传输数据，减少传输数据消耗，但是需要在收到数据之后解压。解压就可以用到pako了。
前端使用pako对数据进行压缩与解压
m0_46165586的博客
04-19 2831
碰到一个项目，把很多数据都存到sessionStorage中进行调用，而sessionStorage存储空间是有限的，当存储数据过大时会报错，所以想到把数据压缩在存到本地，需要使用时再进行解压。其实压缩与解压的数据不一定要存到sessionStorage中，什么数据都存储到sessionStorage会降低浏览器的性能，可以使用VueX、Redux进行管理数据。
探索高效压缩新边界：pako——JavaScript中的zlib实现
gitblog_00035的博客
05-11 443
探索高效压缩新边界：pako——JavaScript中的zlib实现 项目地址:https://gitcode.com/nodeca/pako 项目介绍 在Web开发中，数据压缩是一个至关重要的环节，它能够显著提升网络传输效率，节省带宽资源。而pako正是这样一个专为JavaScript打造的高效压缩库，它是对广泛使用的C语言zlib库的完美复刻。pako提供与zlib相同的功能，且速度极快，让你...
vue3项目使用pako库解压后端返回zip数据
Bruce__taotao的博客
12-29 1923
外部接口返回一个图片数据是经过zip压缩的，前端需要把这个数据处理成可以显示的图片。大概思路：zip解压-> 转换为base64数据 -> img标签显示。pako详细描述🚀 npm 直达pako 是一个流行的 JavaScript 库，用于在浏览器中进行数据压缩和解压缩操作。它提供了对常见的压缩算法（如 Deflate 和 Gzip）的实现，使开发者能够在客户端上轻松进行数据压缩和解压缩，以减少数据传输大小和网络带宽消耗。
用pako压缩json数据传输至后台
weixin_43738127的博客
06-02 775
步骤二：在需要应用的页面import。步骤一：安装pako依赖。步骤三：使用pako压缩。
vue 引入pako解压后台压缩的数据
qq_38388578的博客
09-01 1519
【代码】vue 引入pako解压后台压缩的数据。
pako插件——数据压缩利器工具
qq_33828816的博客
04-12 2703
pako插件——数据压缩利器工具pako认识压缩实战注意事项 pako认识 项目开发中常常会遇到前后端之间有大量数据传输占用带宽导致页面响应慢的问题，这时候我们可以考虑使用Pako.js插件对信息进行压缩之后传输 压缩 在将pako.js引入前端页面中后，可以在浏览器中查看其内部结构，如图所示 常用 解释 deflate(data[, options]) -> Uint8Array 压缩函数， input类型 UInt8Array或者string ，返回类型为UInt8Array
基于pako.js实现gzip的压缩和解压功能示例
10-19
这个示例展示了如何在浏览器环境中使用pako.js进行gzip压缩和解压，这对于需要在客户端处理大量数据或者需要减小数据传输量的场景非常有用。同时，它也展示了如何将压缩和解压集成到实际的Web应用程序中，使得用户...
pako gzip 压缩和解压缩（支持中文）.rar
09-09
基于pako的gzip 压缩和解压缩，解决中英文乱码问题。可运行demo
php+pako+ajax压缩数据
12-13
php开发ajax大数据进行压缩、解压操作 ，使用pako.js技术压缩数据
pako.js实现数据压缩解压
07-28
因为数据太大，网络环境不可控。故前端需要将数据 A 先压缩 变为 a，然后才将 a 发送到 Java 服务器端后处理或存储。 后端 Java 也可以调取存储的压缩结果进行解压...这里介绍如何使用pako.js实现大数据的压缩和解压。
前端pako压缩与解压缩
12-22
前端pako压缩与解压缩
Node.js 事件循环的工作流程二
最新发布
qq_25416827的博客
06-29 491
具体来说，事件循环会按照顺序依次检查各个阶段的回调队列，如果队列中有待处理的事件，则会处理这些事件。在每个阶段，事件循环都会检查是否有待处理的回调，如果有，则执行这些回调，并继续到下一个阶段。在这个阶段，事件循环会检查是否有新的 I/O 事件需要处理。在这个阶段，事件循环会处理新的 I/O 事件，并且会处理轮询队列中的回调。如果 poll 阶段没有 I/O 回调，并且没有到期的计时器，事件循环可能会阻塞在这里等待新的 I/O 事件。需要执行，则事件循环可能会阻塞在这个阶段，等待新的 I/O 事件。
Node.js个人博客
ximingx
06-26 531
你心想:"要是我能只管写作,其他的事情都自动完成就好了。我只想用Markdown写下我的想法,然后它们就神奇地出现在我的博客上,那该多好啊!"
Node.js RESTful API
csbysj2020的博客
06-27 581
RESTful API是基于REST（Representational State Transfer）架构风格的网络服务。这种架构风格强调使用标准的HTTP方法来操作资源，其中每个资源都由一个唯一的URL标识。RESTful API通常是无状态的，这意味着服务器不会保存客户端的状态信息，每次请求都必须包含所有必要的信息。
深度清洁：使用npm prune命令优化你的Node.js项目
2401_85761762的博客
06-26 398
npm prune是一个npm命令，用于删除不在文件的和中列出的包。这通常包括那些在项目中不再使用的包，或者是在手动安装过程中被添加的包。
压缩解压 pako
05-25
pako 是一个 JavaScript 实现的压缩解压库，可以用来压缩和解压多种格式的数据，包括 GZIP、DEFLATE、ZLIB 等。 下面是使用 pako 进行压缩和解压的示例代码： ```javascript // 压缩数据 var data = 'Hello, World!'; var compressed = pako.deflate(data, { level: 9 }); // 解压数据 var decompressed = pako.inflate(compressed); console.log(decompressed.toString()); ``` 在上面的代码中，我们首先定义了一个字符串 `data`，然后使用 `pako.deflate()` 方法将其压缩，压缩级别为 9（最高级别）。接着，我们使用 `pako.inflate()` 方法对压缩后的数据进行解压，得到原始的字符串，并使用 `toString()` 方法将其转换为字符串类型。 需要注意的是，pako 只支持压缩和解压二进制数据，如果需要压缩和解压字符串，需要先将字符串转换为二进制数据，再进行操作。可以使用 `TextEncoder` 和 `TextDecoder` 对象来进行字符串和二进制数据之间的转换。例如： ```javascript // 将字符串转换为二进制数据 var encoder = new TextEncoder(); var data = encoder.encode('Hello, World!'); // 压缩数据 var compressed = pako.deflate(data, { level: 9 }); // 解压数据 var decompressed = pako.inflate(compressed); // 将二进制数据转换为字符串 var decoder = new TextDecoder(); console.log(decoder.decode(decompressed)); ``` 在上面的代码中，我们首先使用 `TextEncoder` 对象将字符串 `Hello, World!` 转换为二进制数据，然后进行压缩和解压操作。最后，使用 `TextDecoder` 对象将解压后的二进制数据转换为字符串。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值