- 博客(12)
- 收藏
- 关注
原创 使用 ReadableStream 控制 fetch API 响应以实现下载进度条
一般前端业务在用户点击下载远程服务器文件,只需要浏览器新开一个 url 下载即可。今天在业务实现中遇到一个比较棘手的问题,由于数据保密的需求,服务器是私有读写的,这就意味着前端获取远程文件时需要通过秘钥访问API,然后回调一个下载链接,这又造成一个新的问题,下载会遇到中文文件名乱码的问题。
2023-05-29 15:08:24
2188
原创 webpack loader 使用之 image-webpack-loader
webpack 使用 image-webpack-loader, 我们可以对打包图片文件进行压缩。原文描述 :Minify PNG, JPEG, GIF, SVG and WEBP images with imagemin内部使用 imagemin 库处理并压缩图片。
2022-11-09 11:08:09
6094
3
原创 Array.prototype.flat 扁平化数组的实现原理研究
自 ES2019 引入了一个新的数组方法 Array.prototype.flat(depth) , 该方法返回一个指定了 depth 的扁平化后的新数组,默认为一层扁平, 而填入 Infinite 就可以实现递归无限扁平。此外, ES2015 引入的 generator 生成器函数,也提供了实现的空间。这个方法可以让我们快速地扁平化一个数组,具体实现的原理我们可以用以下代码模拟。
2022-10-30 15:29:11
152
原创 rollup 压缩插件 rollup-plugin-terser 在 rollup 3.x 不能使用了吗? 跳坑记
今天使用 rollup 3 配置项目的时候, 发现安装常用的 terser 压缩插件 rollup-plugin-terser 出了问题,上 github 浏览了一圈,发现包名不能用在 3.x 版本了, 有第三方库 rollup-plugin-minification 可以替代。2022.10.28 更新 作者废弃了旧库,并通知大家转移到官方插件库(使用了 @rollup/ 打头)主要的报错信息如下这个意思就是说原 terser 插件最多只能支持到 2.x。那怎么办呢,总不能不压缩打码对吧。
2022-10-29 00:44:43
5563
3
原创 个人使用 rollup 整理的一些配置说明
对 Vite 构建使用的幕后工具 rollup 今天进行了一部分整理,算是给自己以后搭建项目的时候预留一个参考。(当前配置版本 rollup 3.2.3)
2022-10-29 00:31:45
799
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人