- 博客(43)
- 收藏
- 关注
RSS订阅原创 前端拿到zip中所有文件并下载为新的zip文件
问题原因：后端返回了一个zip格式文件供前端下载，然后下载后，形成了zip套zip的形式，当后端不愿处理时，前端不能坐以待毙。PS：当压缩包文件量过大，前端可能会出问题（脑测，未实测）依赖：jszip，file-saver。
2025-01-09 17:41:59
525
原创 安装ts-node有感
③.connect ETIMEDOUT 104.16.2.35:443 ：可能与笔者内网有关系，切换成手机热点即可。②.certificate has expired 证书过期：此时笔者将npm淘宝镜像源切换为了原生地址。PS：每次安装失败后，需要清除一下npm缓存 npm cache clean --force。①.node版本问题：需安装版本18以上node，可使用nvm去控制不同的node版本。起因：想要在vsCode上运行ts脚本。2.全局安装ts-node。
2024-02-18 17:25:31
485
原创 vue创建项目报：Error: command failed: yarn
原来里面 useTaobaoRegistry 是否使用淘宝源 是 false ，我改为true就好了。也可以 packageManager 默认安装工具 改为 npm 或 cnpm。
2024-02-18 14:27:40
419
原创 懒得写文章的个人收藏
个人：uniApp转的app才能使用plus，里面嵌套的H5不行，下载使用调出浏览器 plus.runtime.openURL 的方式。个人：页面栈这东西挺好玩，如果存在2个相同页面栈，则其中一个使用。1.uniapp 跳转方式、传参数。2.uniAPP下载。个人：万一有有用的呢。
2023-11-06 20:50:41
176
原创 适配IE9~11我遇到的那些坑
哎，折磨鸭……PS：我会把判断IE9和IE浏览器的函数丢末尾，这个基本也是网上一找一堆。1.IE下删除当前节点的 remove() 方法无法使用IE无法直接 dom.remove() 删除当前dom节点只能通过 dom.removeNode(true) 去删除2.IE下style赋值无法通过 dom.style = `一堆css` 去赋值只能通过 dom.style.width = '10px' 之类的去赋值3.IE遍历dom元素数组我是...
2022-03-28 14:32:35
913
原创 记录：webpack搭建vue从0开始的旅途---第1步
第1步目的：初步使用webpack打包一个简单的js文件1.全局安装webpack与webpack-clinpm i webpack webpack-cli -g2.新建一个目录，目录名自己定义3.新建目录调起cmdnpm init之后一直回车4.当前目录安装webpacknpm i webpack webpack-cli5.根目录下新建src目录，在内新增文件 index.js文件内容随便写点什么，js就行。6.根目录调起cmdnpx we.
2021-11-02 11:16:20
154
原创 vue上的webSocket
写这篇文章主要是最近写了个移动端与PC端的通信；写这篇文章主要是为了那些还没用过webSocket或者准备第一次用的人……毕竟我也是1年了第2次用……（笑）下面我直接把代码贴上去，这代码也是大概几个月前写另一个项目copy来的，当时想写文章来着，结果忘了……所以这篇文章后面原文链接就么得了……好了，下面先放代码，之后我会根据注释，简单讲一下需要注意的地方。一.尝试连接：const webSocketUrl = `ws://${this.serverAddress}/webSocket
2021-10-25 11:38:58
1334
原创 使用webSocket实现移动端与PC端传输图片
需求：我需要把移动端的一个base64图片传到PC端后，由PC端上传第三方接口，得到第三方接口返回的一个合成文件。 下面是我历经千辛万苦后得到的流程结果，我会按照下面如图顺序介绍每一个步骤我好苦呀下面开始介绍：一.获取base64这里实际是获取电子签名的base64，总之就是拿到一个base64二.转文件流上传图片里面的上传图片实际是调用接口，fd已经是可直接上传的formD...
2021-10-15 16:09:28
4035
原创 下载后端传回二进制流pdf后前端显示空白pdf
场景：我调用第三方接口，返回一个下载文件花了还是有一段时间，只要是从意识到axios接收参数需要变成接收文件，到接收文件的格式还有讲究，哇！好了，说正事：1.首先，后端返回一个可下载二进制流， 那么前端axios接收格式就得变，如下两种，怎么使用看axios去喽~诶嘿~responseType: 'arraybuffer'responseType: 'blob'2.上面两种格式说实话我也没去看他们区别，第一个arraybuffer是我们后端导出文件时候用的，第二个blob就.
2021-10-14 16:57:16
1688
原创 el-dialog嵌套表单使用【回车】问题
被提到这个bug的时候，我就是这种状态讲道理，第一次遇到这么怪的事儿，幸好一个同事遇到过这问题，太怪了；具体问题： 打开el-dialog嵌套表单，给el-input聚焦，然后回车，直接刷新页面问题原因：我el-form里面只有一个el-input，具体为什么回车变成那样也不晓得了解决方法，加个el-input，设置隐藏以上~...
2021-09-18 15:14:59
1391
2
原创 IE9上传图片 & json下载问题
这东西，找的烧脑壳呦~IE9上传图片需要前端和后端配合，网上有很多方法，我这个是在github找的，地址放在下面，代码核心上传就是ajaxSubmit。加一句，【json下载】问题我这里只会在上传图片之后，后端返回【application/json】才会被IE9拦截后下载。以及，看到这篇文章的人，应该已经知道IE9上file对象以及常用的那一堆方法不能用的事情了，我就不赘述了……github地址：https://violay33.github.io/yyy-upload/一.下面是根
2021-09-07 18:19:09
315
1
原创 base64转formdata上传图片
直接复制了……是在用html2canvas转图片的时候用到的……// base64 这里取得是 base64.split(',')[1]那一串，前面的不取const data = window.atob(base64);const ia = new Uint8Array(data.length);for (let i = 0; i < data.length; i++) { ia[i] = data.charCodeAt(i);}const blob = new Blob([i
2021-08-31 12:01:30
732
原创 原生JS添加样式 & 内联important
1.直接设置style——无法设置important 单个设置：适用于IE系列，样式名需要小驼峰书写element.style.backgroundColor = "#ccc" 批量设置：样式怎么写，你就怎么写，不适用于IE系列element.style = "width:100px;background-color:#ccc;"2.通过设置属性，设置style——可以设置important 样式怎么写，你就怎么写但这...
2021-08-18 18:45:54
3740
原创 el-date-picker日期组件禁用日期
<el-date-picker v-model="changeTrendTime" :picker-options="pickerOptions" type="month" placeholder="请选择查看日期" ></el-date-picker>computed: { pickerOptions:() => { return { disabledDate(time){ ...
2021-08-07 17:20:53
259
原创 CKeditor4上传图片
前期提要：山重水复疑无路，柳暗花明又一村。看网上一堆东西，本来都打算让后端加接口了，结果给我发现了一个宝藏！好了，开始写！原文链接我放最后了。所属环境：vue2 & vue-cli 4.5.8 & CKeditor 4CKeditor4是同事下载的包，丢public里边了操作流程：1.引入CKeditor前面一堆引入ck的流程，突然不想写了，这里直接丢原文链接，去对着看一下吧，下面我只写Request 和 Response ...
2021-08-06 18:27:31
2882
原创 vue IE9兼容flex布局
写这文章的时候的我，心力憔悴鸭，找了好长时间，呜呜┭┮﹏┭┮好了，开整！vue版本：vue2 vue-cli 4.x我是在APP.vue创建前直接进行处理的，下面是代码：一份JS下载地址：<script src='https://unpkg.com/flex-native@latest'></script><script>export default { created () { var userAgent = navi..
2021-07-17 18:18:42
1537
原创 Nginx代理高德API
思路天马行空，错路就不展示了，hhh没什么写的，直接上代码，注意的点写下面：1. /amap ： 应该是我代码接口自己加的，就遇到 /amap开头的就代理到高德的地址，正则不想写了（其实这时候页不怎么会）2.http://restapi.amap.com/：高德给的地址是https的，代码里我用的也是https，但http试了能用就用了，就是这里出的错，之前我写的是http://restapi.amap.com，没有加后面的 / ,然后错了，我把网上找的理由放下面 ...
2021-07-12 11:40:24
2750
原创 vue导出后端接口得到的文件流
忘记从哪找到的了，直接上代码了// 导出exportMonthlySalePlan(){ let param = { productId:sessionStorage.getItem('productId'), adminId:this.adminId, year:this.date.getFullYear(), month:this.date.getMonth()+1, } // 封装的axios
2021-06-22 18:27:55
317
原创 ie11空白：vue-cli4.x vue.config.js 配置 babel-polyfill
1.安装：npm i babel-polyfill -s还有些网上的 “babel-polyfill” 是 npm i @babel/polyfill不管怎么安装，之后引入的时候和安装的姿势（名称）一样就行2.引入你可以选择3个引入地点，只需引入一次就可以，引入多次会报：only one instance of babel-polyfill is allowed 只可以引入一次 （不过我感觉这个页不影响啦）A：main.js引入import "babel-po...
2021-06-22 18:21:23
3574
原创 服务器下使用yum安装Loaded plugins: fastestmirror
简单来讲，用yum安装nginx环境的时候，报了下面图上这个错，在网上查了半天，基本都是处理yum，但小白不敢下手，生怕把服务器玩坏了_(:з」∠)_之后找到一篇文章，下面详细讲，在图后面：----------------------------------1.服务器是DHCP动态网络，则在/etc/resolv.conf文件中添加nameserver 8.8.8.82.如果是静态网络，则在/etc/sysconfig/network-scripts/ifcfg-eth0文.
2021-06-11 14:54:41
219
原创 Vue ElementUI el-tree 组件鼠标双击事件
原文链接：https://blog.csdn.net/q469731241/article/details/107356605/核心思想：你点我一下，好，我记住了，我看看你，有没有胆子在300ms内再点我一下，哼╭(╯^╰)╮！唔姆~好累呀，懒得写了_(:з」∠)_溜啦~...
2021-05-22 18:40:19
265
原创 element-ui el-table与el-form同用,并校验
好多的，懒得写了下面是链接：https://blog.csdn.net/qq_31126175/article/details/97265338一份看不懂可以比较着看，当然我不会写辣么详细啦，只会说几个需要注意的点1.变量声明格式 & 使用2.rules 随便怎么写啦~3.具体到每个单元格注意点A：prop写法:prop=" '数组名.' + scope.$index + '.对象名' " 总重之中，那...
2021-05-22 18:33:45
218
原创 axios get请求特殊字符编码问题
这个问题当初困扰了我挺长时间的，get传一些字符没转义，看着怪怪的，后端页收不到_(:з」∠)_情境：get请求传个数组给后端，项目封装的axios，没有这种情况而后端接收不到的原因……我不转义，后端收不到，我转义了，也收不到，归根结底都是axios还自带一个转义我用的是encodeURIComponent转义说再多我也说不清，下面是链接原文链接：https://blog.csdn.net/liubangbo/article/details/112995555...
2021-04-29 09:49:28
1309
原创 input[type=“file“]样式修改
之前脑壳没转过弯儿来_(:з」∠)_方法1：大盒子内套input与B盒子，整个相对定位relativeinput框透明度opacity为0，采用绝对定位absolute，层级z-index高于B盒子，B盒子写想用的内容，采用绝对定位absolute，层级z-index低于input盒子之后找到其他方法继续补。。。原文链接：https://blog.csdn.net/feinifi/article/details/86706611...
2021-04-29 09:44:27
100
原创 wangEditor富文本报The given range isn‘t in document
简单来说，来不及渲染→_→，网上解决方案挺多的先说一下我的问题情境吧：vue组件中的element控件el-dialog打开后富文本无法渲染成功解决方案：其他情境解决方案之一：window.onload = function(){ 在这里进行富文本的创建}...
2021-04-29 09:37:59
260
原创 nginx找不到pid
nginx服务器网页拒绝访问，sbin上 ./nginx -s reload 重启报 找不到pid在我服务器上（sbin目录下）：/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf链接：https://blog.csdn.net/jk0803_wantao/article/details/9468535...
2021-04-28 09:43:23
164
原创 nginx安装以及一些问题
在此之前熟悉linux常用命令：https://blog.csdn.net/chenweiyu11962/article/details/1033097201.安装前准备安装环境：centos8（linux）使用软件：xShell 6服务器来源：西部数码云服务器2.服务器安装nginx运行环境yum install gcc-c++（这个忘记存图了→_→）是否下载(y/N) y………………yum install -y pcre pcre-devel下载ing…...
2021-04-28 09:41:56
137
原创 TypeError: this.getOptions is not a function
昨儿吧less更换sass的时候，安装完node-sass和sass-loader后，报了个这个错（图我用的是原链接的）简单来说，版本冲突，sass-loader版本过高，我安装的是11的，上一个项目是10的，所以解决方案很简单喽解决方案：1.npm uninstall sass-loader 或 yarn remove sass-loader2.npm install sass-loader@10.1.0 -D 或 yarn add sass-loader@...
2021-04-28 09:25:10
208
原创 nginx之反向代理实现多域名映射至80端口
真实的标题：同一服务器下不同域名访问不同端口先说一句，标题一些名词（反向代理）我也不知道啥意思，也没深究。好了，正片开始。需求：A域名已经被映射至服务器80端口，接下来我需要访问该域名跳转至该服务器下对应端口解决方案：找到配置文件nginx.conf然后重启nginx查看成功与否记得清下浏览器缓存喽参考文章：https://blog.csdn.net/qq_23974323/article/details/85289385...
2021-04-26 13:36:55
532
原创 el-form表单添加自定义验证
1.绑定涉及到el-form的验证的话，el-form内的model，ref，rules以及el-form-item的prop缺一不可ref和prop的关系，可以理解为对象，即：ref.prop，所以当绑定对象内嵌套多层，prop可以使用: taskA.taskB.taskC2.验证条件3.提交验证formName = ref绑定名称4.具体可看element官方文档原文链接：https://blog.csdn.net/qq_42345108/arti..
2021-04-21 15:23:46
525
原创 Element UI 解决部分组件无法冒泡
问题：el-date-picker 日期组件所属盒子拥有点击事件，但无法阻止el-date-picker组件冒泡解决：在 el-date-picker 套一个父盒子,如div，再为父盒子添加点击事件并组织冒泡 @click.stop<div @click.stop> <!-- 厉害了塞 --> <el-date-picker v-model="node.label.startTime" type="date"..
2021-04-21 14:53:46
919
原创 css滚动条样式修改 || 隐藏滚动条
滚动条样式，用到的地方还真不少→_→HTML：<div class="test test-1"> <div class="scrollbar"></div></div>CSS：.test { width : 50px; height : 200px; overflow: auto; float : left; margin : 5px; border : none;}.scrollba
2021-04-21 14:39:35
140
原创 el-table使用单选radio
备注：el-radio里面丢个标签是为了不显示他的label值还是绑定值来着，反正试一下就知道效果了<el-table ref="ridioTable" :data="tableData" tooltip-effect="dark" height="255" style="width: 100%" @current-change="clickChange"> <el-table-column label="选择" width="55"> <template s
2021-04-21 09:20:52
2037
原创 js判断对象内是否包含某个字段
1.使用 in 关键字var obj = {'name':111}console.log( 'name' in obj); // --- true 字段console.log('aaa' in obj); //--- false 字段console.log('toString' in obj); // --- true 对象方法2.hasOwnProperty 方法该方法会返回一个布尔值,指示对象自身属性中是否具有指定的属性(也就是...
2021-04-21 09:17:55
15567
原创 vs-code统计代码行数
写文章的原因也不必说了，反正数是不可能数的φ(>ω<*)网上两种方法：一：安装VScode Counter插件1.下载VScode Counter插件2.打开命令面板2.1.通过按F1或者ctrl+shift+p,打开命令面板2.2使用conunter2.3显示结果根目录也会有文件生成链接：https://www.jianshu.com/p/55452777d011二：正则表达式：^b*[^:b#/]+.$*1.选择文件或文..
2021-04-17 19:00:27
1071
原创 全屏放大指定区域
做页面有个需求需要全屏指定区域的需求，有些东西需要记录一下1.判断浏览器是否支持全屏（一般都支持吧→_→。。。）// 判断能不能全屏// console.log('支持全屏？',document.fullscreenEnabled)2.记得全屏指定区域背景色别为透明，不然全屏后默认会变黑的噢3.获取当前全屏状态this.fullscreen = document.fullScreen || document.mozFullScreen || document.webkitIsFul
2021-04-10 18:54:32
384
原创 监听DOM元素宽高变化
所属页面：甘特图产生原因：红框时间线定位使用fixed导致，所属DOM宽度动态设置宽度（和父元素相等），而后溢出隐藏，但父元素宽度变化后，页面渲染已经完成会导致时间线覆盖滚动条乃至溢出所属需求：全屏和退出全屏，放大缩小页面后解决思路：所属盒子，给内容溢出隐藏，宽度和所属父元素宽度相等，但……反正说不清，就记录一下方法，诶嘿嘿~1.监听页面大小变化因为他所属父元素是flex:1，所以这个方法行的通（主要我有个全屏显示甘特图的需求）。// 监听页面大小变化window..
2021-04-10 18:44:36
2317
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人