- 博客(41)
- 收藏
- 关注
原创 安装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
319
原创 vue创建项目报:Error: command failed: yarn
原来里面 useTaobaoRegistry 是否使用淘宝源 是 false ,我改为true就好了。也可以 packageManager 默认安装工具 改为 npm 或 cnpm。
2024-02-18 14:27:40
357
原创 懒得写文章的个人收藏
个人:uniApp转的app才能使用plus,里面嵌套的H5不行,下载使用调出浏览器 plus.runtime.openURL 的方式。个人:页面栈这东西挺好玩,如果存在2个相同页面栈,则其中一个使用。1.uniapp 跳转方式、传参数。2.uniAPP下载。个人:万一有有用的呢。
2023-11-06 20:50:41
93
原创 适配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
884
原创 记录: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
129
原创 vue上的webSocket
写这篇文章主要是最近写了个移动端与PC端的通信;写这篇文章主要是为了那些还没用过webSocket或者准备第一次用的人……毕竟我也是1年了第2次用……(笑)下面我直接把代码贴上去,这代码也是大概几个月前写另一个项目copy来的,当时想写文章来着,结果忘了……所以这篇文章后面原文链接就么得了……好了,下面先放代码,之后我会根据注释,简单讲一下需要注意的地方。一.尝试连接:const webSocketUrl = `ws://${this.serverAddress}/webSocket
2021-10-25 11:38:58
1231
原创 使用webSocket实现移动端与PC端传输图片
需求:我需要把移动端的一个base64图片传到PC端后,由PC端上传第三方接口,得到第三方接口返回的一个合成文件。 下面是我历经千辛万苦后得到的流程结果,我会按照下面如图顺序介绍每一个步骤我好苦呀下面开始介绍:一.获取base64这里实际是获取电子签名的base64,总之就是拿到一个base64二.转文件流上传图片里面的上传图片实际是调用接口,fd已经是可直接上传的formD...
2021-10-15 16:09:28
3578
原创 下载后端传回二进制流pdf后前端显示空白pdf
场景:我调用第三方接口,返回一个下载文件花了还是有一段时间,只要是从意识到axios接收参数需要变成接收文件,到接收文件的格式还有讲究,哇!好了,说正事:1.首先,后端返回一个可下载二进制流, 那么前端axios接收格式就得变,如下两种,怎么使用看axios去喽~诶嘿~responseType: 'arraybuffer'responseType: 'blob'2.上面两种格式说实话我也没去看他们区别,第一个arraybuffer是我们后端导出文件时候用的,第二个blob就.
2021-10-14 16:57:16
1566
原创 el-dialog嵌套表单使用【回车】问题
被提到这个bug的时候,我就是这种状态讲道理,第一次遇到这么怪的事儿,幸好一个同事遇到过这问题,太怪了;具体问题: 打开el-dialog嵌套表单,给el-input聚焦,然后回车,直接刷新页面问题原因:我el-form里面只有一个el-input,具体为什么回车变成那样也不晓得了解决方法,加个el-input,设置隐藏以上~...
2021-09-18 15:14:59
1262
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
271
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
642
原创 原生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
3572
原创 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
214
原创 CKeditor4上传图片
前期提要:山重水复疑无路,柳暗花明又一村。看网上一堆东西,本来都打算让后端加接口了,结果给我发现了一个宝藏!好了,开始写!原文链接我放最后了。所属环境:vue2 & vue-cli 4.5.8 & CKeditor 4CKeditor4是同事下载的包,丢public里边了操作流程:1.引入CKeditor前面一堆引入ck的流程,突然不想写了,这里直接丢原文链接,去对着看一下吧,下面我只写Request 和 Response ...
2021-08-06 18:27:31
2774
原创 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
1451
原创 Nginx代理高德API
思路天马行空,错路就不展示了,hhh没什么写的,直接上代码,注意的点写下面:1. /amap : 应该是我代码接口自己加的,就遇到 /amap开头的就代理到高德的地址,正则不想写了(其实这时候页不怎么会)2.http://restapi.amap.com/:高德给的地址是https的,代码里我用的也是https,但http试了能用就用了,就是这里出的错,之前我写的是http://restapi.amap.com,没有加后面的 / ,然后错了,我把网上找的理由放下面 ...
2021-07-12 11:40:24
2481
原创 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
292
原创 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
3430
原创 服务器下使用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
179
原创 Vue ElementUI el-tree 组件鼠标双击事件
原文链接:https://blog.csdn.net/q469731241/article/details/107356605/核心思想:你点我一下,好,我记住了,我看看你,有没有胆子在300ms内再点我一下,哼╭(╯^╰)╮!唔姆~好累呀,懒得写了_(:з」∠)_溜啦~...
2021-05-22 18:40:19
239
原创 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
184
原创 axios get请求特殊字符编码问题
这个问题当初困扰了我挺长时间的,get传一些字符没转义,看着怪怪的,后端页收不到_(:з」∠)_情境:get请求传个数组给后端,项目封装的axios,没有这种情况而后端接收不到的原因……我不转义,后端收不到,我转义了,也收不到,归根结底都是axios还自带一个转义我用的是encodeURIComponent转义说再多我也说不清,下面是链接原文链接:https://blog.csdn.net/liubangbo/article/details/112995555...
2021-04-29 09:49:28
1246
原创 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
76
原创 wangEditor富文本报The given range isn‘t in document
简单来说,来不及渲染→_→,网上解决方案挺多的先说一下我的问题情境吧:vue组件中的element控件el-dialog打开后富文本无法渲染成功解决方案:其他情境解决方案之一:window.onload = function(){ 在这里进行富文本的创建}...
2021-04-29 09:37:59
219
原创 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
128
原创 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
107
原创 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
184
原创 nginx之反向代理实现多域名映射至80端口
真实的标题:同一服务器下不同域名访问不同端口先说一句,标题一些名词(反向代理)我也不知道啥意思,也没深究。好了,正片开始。需求:A域名已经被映射至服务器80端口,接下来我需要访问该域名跳转至该服务器下对应端口解决方案:找到配置文件nginx.conf然后重启nginx查看成功与否记得清下浏览器缓存喽参考文章:https://blog.csdn.net/qq_23974323/article/details/85289385...
2021-04-26 13:36:55
474
原创 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
486
原创 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
767
原创 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
115
原创 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
1969
原创 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
15006
原创 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
1002
原创 全屏放大指定区域
做页面有个需求需要全屏指定区域的需求,有些东西需要记录一下1.判断浏览器是否支持全屏(一般都支持吧→_→。。。)// 判断能不能全屏// console.log('支持全屏?',document.fullscreenEnabled)2.记得全屏指定区域背景色别为透明,不然全屏后默认会变黑的噢3.获取当前全屏状态this.fullscreen = document.fullScreen || document.mozFullScreen || document.webkitIsFul
2021-04-10 18:54:32
328
原创 监听DOM元素宽高变化
所属页面:甘特图产生原因:红框时间线定位使用fixed导致,所属DOM宽度动态设置宽度(和父元素相等),而后溢出隐藏,但父元素宽度变化后,页面渲染已经完成会导致时间线覆盖滚动条乃至溢出所属需求:全屏和退出全屏,放大缩小页面后解决思路:所属盒子,给内容溢出隐藏,宽度和所属父元素宽度相等,但……反正说不清,就记录一下方法,诶嘿嘿~1.监听页面大小变化因为他所属父元素是flex:1,所以这个方法行的通(主要我有个全屏显示甘特图的需求)。// 监听页面大小变化window..
2021-04-10 18:44:36
2258
原创 Vue:v-for包裹v-if渲染后,渲染先后顺序不同问题
总结来说:el-table内部el-table-column想循环,el-table内el-table-column外套一层template,循环template,防止渲染后顺序出现问题总共四组:v-for+v-ifdiv+divel-table-column+divdiv+templateel-table-column+template...
2021-03-12 18:53:37
2152
2
原创 关于el-tree中label的function模式
以element这份代码为例,说一下主要需要改哪些地方(找了挺多地方,讲的看着都懵,也可能是我资质有限,懵了一早上才整出来)PS:1.render-content直接放弃了 2.代码就直接以element中,图中画框的那一份为例,直接可以去复制……想了许久不会动笔,直接粘代码,告诉改哪里了_(:з」∠)_defaultProps相当于个解析的吧,把data里面每个node节点解析一遍下面是代码,主要看看注释,或直接新建个vue页面,代码复制进去看好看点。&...
2021-03-05 16:50:14
2049
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人