Web3.0热门领域NFT项目实战
download：3w 51xuebc com
前言
在前端项目开发中，特别是活动项目，大量运用未紧缩的图片必将会影响页面翻开速度，降低用户体验。因而，我们需求对下载的切图停止紧缩处置。常见的图片紧缩工具有 TinyPNG 和 PP鸭，但这两款软件是收费的，并且不支持定制化。运用这些软件紧缩图片的过程更是复杂繁琐，假如有一款工具能够在下载切图时就协助我们紧缩图片，或直接提供紧缩后的图片地址，那将会大大进步当前的工作效率。本文将引见完成这样一个切图紧缩工具的关键技术点。
获取原图片
常用的设计稿软件有两个，蓝湖和 Figma。这里用蓝湖作例简述如何获取原图。首先蓝湖是一个网页，需求用 Chrome 翻开。这时分就必需祭出 F12 这个大杀器了，直接调试源码来定位下载操作的走向。会发如今最终下载图片的代码块中有以下一段。
这里的 t 变量就是一个 a 标签，经过调用 dispatchEvent 办法来触发 click 事情停止文件下载。晓得了下载方式，下一步就是如何去拦截它。直接上原型大法，把 dispatchEvent 办法给重写以便拿到 a 标签实例，来获取要下载的文件信息。
