- 博客(28)
- 收藏
- 关注
RSS订阅原创 avoidLabelOverlap无效果,echarts环形标签重叠,echarts数据重叠
解决方法: 除了加上面:avoidLabelOverlap:true以外,还要加另外一个属性:minAngle:1或者XX(数据不要太大,避免部分数据是0.0几或者很小但又过于接近,导致几乎看不到占位重叠到一起.),在开发echarts环形图时,会出现数据重叠的现象.比如下面这情况.不可能为了数据将环形图变得太小,这样环形图太小也不美观.后来在官网上查找有一个avoidLabelOverlap属性,结果加上去后也没啥用。
2023-07-07 11:50:59
794
原创 有关iframe锚点,锚点出现上下偏移,锚点出现页面显示问题.iframe的srcdoc问题
有关iframe的srcdoc问题,iframe锚点定位,iframe锚点上下偏移
2022-06-22 15:04:01
851
1
原创 ElementUI日期选择器时间范围限制
官方文档有说明,使用picker-options属性来限制可选择的日期针对一个日期选择器<el-date-picker v-model="value" type="date" placeholder="选择日期" :picker-options="pickerOptions"></el-date-picker>情景1: 设置选择今天以及今天之后的日期pickerOptions: { disable
2022-04-02 11:46:43
625
原创 git爬坑之旅(有新的陆续在此篇会更新)
以前我们都是用svn,个人感觉svn比git好用(可能我是git新手这么认为的)svn和git都可以在vscode上提交,但是svn在vscode上打开后,会自动识别别人已经提交的代码,更改了一些啥东西,这样不仅可以很直观看是否有冲突.第二,也可以看别人更改的代码,来学习一下技术 当然,如果你想看git上修改的东西,就要去git仓库中看看.这个比较繁琐git我今天就踩了一个坑,就是你推上去之前要先pull(拉取),然后再push,怕跟别人冲突.但是svn如果不是别人再短时间内更新,其实根..
2021-12-26 23:30:19
191
原创 react成长之路:(一): this.setState保存数据后,为啥后面打印发现数据没有变化
由于this.state是异步操作导致的真实案例const {count} = this.statethis.setState({count:count+1})console.log(count) //你以为count+1了?那就错了,由于是异步的,在遇到setState后,直接执行下面的,然后再返回执行setState里面的.导致打印出来会有问题想要达到的案例const {count} = this.statethis.setState({count:count+1},()=&g...
2021-12-22 23:47:04
1064
原创 treeselect点击后空白,或者点击后刷新页面,无法下拉多选,或者问题为TypeError : cannot read properties of null (reading ‘prefixCls
在项目开发中,突然发现treeselect点击输入框就跳空白页,或者直接刷新页面,没有下拉的tree.打印台报错:TypeError : cannot read properties of null (reading 'prefixCls').但是偶然发现,一套代码,在另外一个电脑没有这bug,点击后发现可以展示tree的下拉框. 最后对比发现,是因为我的现在电脑npm和node版本过高,导致package-lock生成的依赖过高,导致部分以前的写法有问题,出现上述bug. 最后我将电脑版本从npm为.
2021-12-22 23:31:43
1485
转载 input输入框禁止显示历史记录,解决input自动弹出记录
原生<input type="text" autocomplete="off" />elementUI<el-input auto-complete="new-password"></el-input>最近看到下个版本此属性要被废弃了，注意一下。问题上述代码可能确实有效，但是浏览器保存的历史密码记录依然会显示出来。解决方案如下：<input readonly onfocus="this.removeAttribute('readonly');t
2021-10-01 16:28:24
2207
原创 上传重复图片无法提示报错(无法触发change事件)
**问题:**上传图片时,我们一般会做大小限制,如果超过多少,就会报错.但是客户可能第二次还会继续上传刚刚那个过大的图片,但是第二次就不会报错.**原因:**由于图片一样,导致无法触发change事件<input type="file" id="fileImages" ref="fileUploader" accept="image/jpeg, image/png
2021-09-08 17:45:54
286
原创 图片闪烁,图片放大缩小动画效果
动画效果主要是用的animation属性.想要动画效果学习的牛,就躲对animation属性了解一下(我开始以为这个但是是动物的意思)1.图片闪烁 .amap-icon img{ overflow: hidden; /* 溢出隐藏 */ animation-name: breath; /*关键帧名称*/ animation-timing-function: ease-in-out; /*动画的速度曲线*/ anima
2021-08-12 18:05:29
433
原创 后台返回的图片前端如何展示(如何获取)
实际场景:在登录时或者其他场景,我们需要用后台返回的验证码来校验,或者展示后台返回的图片后台:直接返回一个图片问题:前端如何展示(项目用的是axios请求)解决逻辑:我们要用原生的axios请求来请求并展示,而不是用你们项目已经封装好的请求上代码: axios.request({ url:"/abc/abc", //这里是你的请求url responseType:'blob', //这里最重要,不要去掉 method:'get' //请求方式,看后台的需求,可能是get,p
2021-07-14 16:23:53
11096
3
原创 VS Code 必备插件推荐
插件说明效果Atom One Dark Theme一款很漂亮的主题插件Auto Close Tag自动添加HTML / XML关闭标签vscode-fileheader顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间快捷键: Ctrl+Alt+i(默认信息可在 文件→首选项→设置 中修改)VeturVue 语法高亮显示, 语法错误检查, 代码自动补全(配合 ESLint 插件效果更佳)Power Mode代码输入特效Pat...
2021-06-01 18:27:57
176
1
转载 给对象增加属性没有效果,this.$set无效
1.当你发现你给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也许这个时候就需要用到this.$set（)正确写法：this.$set(this.data,”key”,value’)2.有时我们会发现,this.set()这种方法写也可能在一定情况下无法起作用.打印出来是改变了或者增加了其属性,但是视图上还是没有变化,这时我们可以用this.set()这种方法写也可能在一定情况下无法起作用.打印出来是改变了或者增加了其属性,但是视图上还是没有变化,这时我们可以用this.set()这
2021-05-23 10:43:40
2807
原创 获取键盘输入的字母和对应的键码值
var keynum = window.event ?e.keyCode :e.which;//获取键盘码 console.log("keynum",keynum) var keychar = String.fromCharCode(keynum);//获取键盘吗对应的字符 console.log("keychar",keychar)在用elment中,我们不想让用户输入负数或者小数点,可以用一下方法:1.首先要监听keyup（键盘按下）事件，因为element上面的input没有这个事..
2021-03-16 15:23:18
620
转载 js中操作数组的几个常用方法
Array.shift()------删除并返回第一个元素作用：从数组中删除第一个元素（即下标为0的元素），并返回该元素。注意：1）删除元素之后，数组的长度-1。2）如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。示例：Js代码<script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] =.
2020-12-04 14:05:41
490
原创 监听用户是否停留在当前页面,切换页面时改变网页的title
效果:切换到别的页面:切回到浏览的页面:这个是如何实现的呢?第一,要有兼容性. // 判断用户是否观看当前页面，浏览器兼容 let state, visibilityChange; if (typeof document.hidden !== 'undefined') { visibilityChange = 'visibilitychange'; state = 'visibilityState';
2020-12-02 14:36:08
412
原创 将网站、网页变成灰白色调的哀悼风格界面的CSS代码
下面来分享下使网站变成灰白色调，哀悼风格界面的代码：html {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-fil
2020-12-01 11:58:58
1585
原创 Vue 获取dom元素中的自定义属性值(带详细解释和自己理解)
方法一:HTML<div id="app"> <button @click="getData($event,'100','666','777')">点我</button></div>JSmethods : { getData(e,num,lalala,eee) { console.log(e); // 输出 这个点击事件下面的所有属性 console.log(num); // 输出 100
2020-12-01 10:43:23
2130
原创 vue国际化用谷歌浏览器出现翻译问题,vuei18n的一个坑
**问题:**项目是用vue写的,然后引入国际化后,用谷歌浏览器切换成中文时不是翻译时的文字,而是一些奇葩的翻译**原因:**谷歌浏览器自带翻译功能,可能切换语言时,自动将你的英文切换成它翻译的中文导致解决方案:第一步: 在根目录的public文件中,找到index文件(我用的是3.0的脚手架)第二步:添加一行代码: 就能解决问题拿走,不用谢!!!送人玫瑰,手留余香...
2020-09-15 17:07:44
2086
原创 vue插件滑动验证码
在很多地方，我们都可以在登录的界面看到上面的滑动验证。下面具体说一下如何引入和使用1.引入插件npm install --save vue-monoplasty-slide-verify2.在main文件中全局引入并注册//滑动验证import SlideVerify from 'vue-monoplasty-slide-verify';Vue.use(SlideVerify)3.页面中使用 <slide-verify ref="slideblock" @success.
2020-07-16 13:46:23
2870
6
原创 vue生成二维码和二维码中带图片
一、生成简单的二维码（不带图片）1.引入插件npm install qrcode --save2.页面中使用<div id="qrcode" class="erweima"></div>页面中引入import QRCode from "qrcodejs2";methods: { qrcode() { this.$nextTick(() => { let qrcode = new QRCode("qrcode", {
2020-07-15 16:52:33
2213
1
原创 有关el-tab-pane中echarts图遇到的问题(element中的Tabs 标签页)
在项目中,遇到了一个奇怪问题:element中的el-tabs组件,在el-tab-pane引入echarts图标时,刷新时没有图标出现,如果将浏览器窗口缩小一点,就可以展示.解决方案:在echarts中加入v-if来解决 (另外,有时我们在项目中用v-show也会出现上述类似情况,将v-show改成v-if试试就可以解决)<template> <el-tabs v-model="activeName" @tab-click="handleClick"> <
2020-07-14 14:22:32
1481
2
原创 element树样式的修改,可以参考一下,实现效果和代码有展示
有关树控件样式的修改,实现效果如下:贴上html代码:<div class="treegroup"> <div class="righttree"> // 一共有三个数并排展示,由于截图大小原因这个没有截出来,所以代码省略,跟下面的树一样的,一个掌握了,想要实现N多树都是一样的道理 </div> <div class="righttree">
2020-07-06 13:51:53
889
转载 javascript字母大小写转换toLocaleUpperCase，toUpperCase，toLocaleLowerCase，toLowerCase
toLowerCase() 方法用于把字符串转换为小写。语法：stringObject.toLowerCase()返回值：一个新的字符串，在其中 stringObject 的所有大写字符全部被转换为了小写字符。toUpperCase() 方法用于把字符串转换为大写。语法：stringObject.toUpperCase()返回值：一个新的字符串，在其中 stringObject 的所有小写字符全部被转换为了大写字符。js实现字母大小写转换主要是用到了四个js函数，toLocaleUpperC
2020-07-03 17:03:16
1584
原创 JS如何实现将字符串所有字母变成小写,将字符串的首字母变成小写
想要解决上面的问题,要解决:如何将字符串全部变成小写,全部变成大写,然后是js截取替换方法1.全部变成小写 **toLowerCase()**用与把字符串转化为小写(对象一定要是),如一下代码 var a="I lovE yoU" console.log(a.toLowerCase()) 打印为: i love you 引申:将全部变成大写用"toUpperCase" var a="I lovE yoU" console.log(a.toUpperCase()) 打
2020-07-03 16:56:55
8292
原创 div、section、article区别
以下内容只需要理会以下就好了,真正的时候我们很少用,基本用div就可以代替了主要区别，以及适用场合如下：1、div在html早期版本就支持了，section和article是html5提出的两个雨衣话标签。如果只是针对一个块内容做样式化，三者并没有区别。2、作为语义化标签，section应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的部分。一般来说，当元素内容明确地出现在文档大纲中时，section就是适用的。3、对于article标签来说，无论从结构上还是内容上来说，artic
2020-07-03 15:04:10
936
原创 鼠标cursor属性和如何使用cursor的url属性
下面介绍cursor的一些属性:值描述url需被使用的自定义光标的URLdefault默认光标（通常是一个箭头）crosshair光标呈现为十字线pointer光标呈现为指示链接的指针（一只手）move此光标指示某对象可被移动e-resize此光标指示矩形框的边缘可被向右（东）移动ne-resize此光标指示矩形框的边缘可被向上及向右移动（北/东）nw-resize此光标指示矩形框的边缘可被向上及向左移动（北/西）n-re
2020-07-03 14:53:26
4084
原创 前端如何将后端的数组(不是数据流)导出成excel格式
使用此文档,框架是vue框架.第一步.安装vue-json-excelnpm install vue-json-excel -S第二步.在main.js文件中引入并且注册import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)第三步.在使用的页面<download-excel class = "export-excel" :data = "json_d
2020-07-02 19:16:23
520
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人