![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 92
BlueDemon2580
这个作者很懒,什么都没留下…
展开
-
适用于 vue.js的渐进式图片加载
一、序言渐进式图片加载,用低分辨率的模糊图片来做预览图,代替以前懒加载图片时用的 logo 占位图。预览图大小也在平均 2KB~3KB 之间,虽然 cdn 流量上有所增加,但用户体验却非常好。二、准备工作1.图片裁剪多数 cdn 都会提供图片上传后裁剪的功能node.js 有一个很好用的图片裁剪模块 gm裁剪代码也很简单:// 1. 裁剪本地图片示例const gm = require('gm')gm('./coding.jpg').resize(20).write('r.jpg',原创 2020-12-21 18:26:20 · 1442 阅读 · 0 评论 -
Vue 批量打包下载图片
参考链接:js批量打包下载图片依赖包:FileSaver.js【下载文件】,JSZip【打包】安装依赖:npm install file-saver --savenpm install jszip --save为了保证代码的复用性,故将打包下载过程封装成一个jszipDownImage.jsimport JSZip from 'jszip'import FileSaver from "file-saver"/** * * @class UnpackAndDownImage *原创 2020-07-01 15:10:06 · 1243 阅读 · 1 评论