- 博客(30)
- 收藏
- 关注
原创 Vue 文件流下载和(PDF)预览
然后我就兴奋的去开发了,然后问题就出来了,因为指定 responseType 所以拿到的后端数据通过 axios 之后全部变成了 Blob 对象,然后我就找不到了我的状态码了 T_T。解决办法很奇葩,用到了 FileReader 对象解决,只要解析 Blob 数据能成功,就取出 code 码提示,一旦报错,就是文件流了,哈哈哈哈哈哈。前端下载文件流的方法很简单,axios 的请求方式请求头增加 responseType 为 blob 响应体转成 Blob 对象。我最近需求是后端成功会返回文件流。
2024-04-16 14:19:07 183
原创 Vite + Vue3 开发
项目里引入了全局监听报错机制 onErrorCaptured 但是如果一直报错,会出现内存泄漏的问题(只会在开发环境上出现,不确定是这个钩子导致的,但是复现也不太容易,总结太菜,待解决。封装二次表单的 Select 组件的数据循环 Children 需要循环才能写入(这个不符合我的初始设计想法,但是,目前也没有好的解决办法,待解决。这也算是开发一个企业级的项目(公司现在用了)当然还有一些细节,就不说了,有兴趣的可以去我的 GitHub 上看看。配置打包规则的时候,要留出文件后缀,不然会出现 404。
2024-04-08 16:49:34 502
原创 前端淘宝镜像域名替换记录
package-lock.json 文件,版本就会有变动,然后这时候写的代码是按照当前版本写的,后面我用 --force 重新下载,版本就很有可能对不上了,导致一些意外情况。至于为啥最近才记录这个问题,是因为项目才上生产环境,我又测试了一下,基本没问题了,目前还是有一个样式我很迷惑,估计后面又要找找原因和手动更改了。所以等我弄完,有人也建议我把 ^ 去掉,不过我担心出现更多问题,就放弃了,哪个插件有问题就 --force 一下,基本解决了大部分。文件删除,重新 install 一下,最后代码提交,发布。
2024-02-27 17:07:21 334
原创 模拟 Element ui 的 Dialog
最近发现了一个新标签,dialog 正好尝试一下模拟 Element 的 Dialog,代码见下。本来还想看看能不能直接全部 Css 处理,我还是太菜了,只能借助于 Js 实现了部分效果。所以特殊场景可以用自己写的 Dialog 来实现某些效果,今天就这样。这个 dialog 标签还是很强的。祝大家春节开心,天天快乐,拜拜!
2024-02-06 15:55:53 368
原创 2023 个人总结
基本上就是这些了,这么一看,很杂,什么都有涉及,最后又每一个都不好。希望以后一切顺顺利利,完善一下上面的插件,越做越好。首先,CSDN 文章我写了13篇,都是关于前端的。npm 上首次发布自己写(其实是抄(借鉴)的)的 npm 包插件,图片预览工具。23年真是精彩的一年,我也给自己做个总结,这一年我都干啥了。尝试写了两个浏览器插件,自己使用,没考虑发布。买了一本大佬写的书(还没学完)哈哈哈哈哈哈哈。抽时间刷刷力扣,基本都是简单的。顺便上传至 github。顺便发布到 gitee。
2024-01-18 10:37:34 348
原创 Element Plus 全局 Confirm 弹窗取消和意外关闭处理
Element Plus 全局 Confirm 弹窗取消和意外关闭处理
2023-12-18 15:16:54 981 1
原创 数据转换问题
组长对我的审讯是对的,因为隐式转换是有风险的,当然这个我是一直不理解,直到我发现了这个。简单理解就是空数组走了隐时转换,通过了 toString() 方法,转成了空的字符串,然后在进行拼接操作,这也就是说,如果我们正常的工作中进行了隐时转换,还真不知道会发生什么。反正就当我以为会报错的时候,打印了一下,发现没报错,是我错了。然后这个就困扰了我很久的问题,我就研究源码,看了半天和源码没有半毛钱关系。日常工作中,经常遇到数据类型的转换,我常用的什么 *1 +0 -0 ==等等,后来组长看到我的代码,被弄了。
2023-04-26 18:05:23 39
原创 loading 只加类名实现加载动画插入
默认是打开的状态,也就是loading加载的状态。页面加载完毕,js手动添加关闭loading。实现一个简单的loading加载动画。
2022-10-17 18:47:26 159
原创 canvas实现简单时钟
最近有canvas的业务需求,就学习了一下canvas,交一下作业<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initia
2022-05-28 22:58:50 218 1
原创 Vue的Excel文件下载
最早开始接触下载是后端直接返回一个链接,通过a标签直接下载,甚至再简单点直接window.open直接下载。恰巧今天第一次经历文件流下载,代码如下this.$http.get(`xxx`).then((resp) => { console.log(resp); // debugger let blob = new Blob([resp.data],{ type: 'application/octet-stream;charset
2022-05-14 16:19:42 486
原创 处理undefined数据
接手的老项目出现了很多坑,经常出现给后端传undefined的情况,自己就写了一个方法来处理这种事情,但是还是建议找一下为什么会出现undefined/** * @method noNullData()处理单层数据函数 * @param {*} params 必选,你需要处理的数据,支持数组对象,不可以传false * @param {Array} dataType 可选 需要你剔除的为[null,undefined,NaN,'']其中的任何一项或者多个 * @returns params
2022-04-26 10:15:28 1581
原创 textarea 为什么placeholder不生效
最近也是写JQ的项目,遇到好多的小坑,这也是有遇到一个,placeholder不生效的问题,代码如下: <textarea placeholder="请输入相关内容" id="contents" rows="10" maxlength="2000" onchange="sizecontrol()" onkeydown="sizecontrol()" onkeyup="sizecontrol()" > </textarea>看起来没啥问题,但是原生属性placeholder
2022-04-26 10:05:25 1110
原创 JQ为啥$符号没有作用
是因为$符号被jq的语法占用,所以才不会起作用,解决办法最好就是不用,或者更改jq的语法var jq= jQuery.noConflict();小白的自我检讨,做个记录!!!
2022-03-04 17:58:59 1107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人