jszip 解压压缩包_Zip 压缩、解压技术在 HTML5 浏览器中的应用

本文介绍了如何使用JSZip在浏览器环境中进行Zip文件的压缩和解压,通过创建、读取、修改.zip文件,提高Web应用性能。通过JSZip与HT拓扑应用的结合,详细讲解了资源打包、加载顺序、图片处理和3D模型数据的读取过程,以及在遇到性能问题时如何利用Web Worker优化。
摘要由CSDN通过智能技术生成

JSZip 是一款可以创建、读取、修改 .zip 文件的 javaScript 工具。在 web 应用中,免不了需要从 web 服务器中获取资源,如果可以将所有的资源都合并到一个 .zip 文件中,这时候只需要做一次请求,这样既减少了服务器的压力,同时也可以加快 web 应用的呈现速度。

今天就来探讨下 JSZip 如何与 HT 拓扑应用结合。先来看看这期 Demo 的效果图:

0129875ceb6cc3fb1371fd0a62d789e3.png

第一步、需要将应用对相关资源打包成 .zip 文件,

da96028dec8c404c24776c283b3d20d8.png

这是我要压缩的文件列表,把响应的资源文件存放到对应的文件夹下,然后在 loadorder 文件中标明资源加载的顺序,loadorder 文件内容如下:

'js/ht.js',

'js/ht-obj.js',

'js/ht-modeling.js',

'obj/equipment.mtl',

'obj/equipment.obj',

'image/equipment.jpg'

在资源加载顺序中,要标明响应资源的相对于 .

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值