Keep_Slience的博客

css固定元素宽高比

vue组件通信、eventBus

js判断对象是否有某个属性

最近遇到了一个bug很有意思就想记录下来，就是input输入框在输入完之后按下回车会刷新当前页面。产生这种问题的原因是当form表单只有一个输入框时，按下回车会去提交表单（触发submit事件），按照这个思路可以有下面几种解决办法在表单内在加一个看不见的input<input style="display:none;" />在表单内在加一个看不见的input...

使用es6中的 Setvar array = [1,2,3,2,3,4,4,5]function unique(arr){ var set = new Set(arr) return [...set]}这种方法只对数组里面为简单数据类型时有效2. 利用object中键值的唯一性function unique(arr){ var obj = {};res = [] for(var i = 0;i < arr.length;i++){ if(!obj[arr[i]]){ o.

1.利用字符串和数组的apifunction reverse(str){ return str.split('').reaverse().join('')}这种方法比较省事。。。推荐（主要代码少写着省事）倒序循环function reverse(str){ var str = "" for(var i=arr.length-1;i>=0;i--){ str += arr[i] } return str}入门级思路。。双指针循环这种方法大致思路就是在第一次循环

一个数组嵌套这多层数组，扁平化能够更方便的操作数据，下边用两种方法来实现：使用es6中的flatflat(n)方法接受一个参数，在这里插入代码片递归

在实际的开发过程中，在实现一些业务逻辑时很容易碰到深拷贝，大多数（包括我）都会去使用JSON.parse(JSON.stringify())这个方法去实现，但殊不知这种方法存在诸多弊端（例如会将时间对象转化成字符串，而且会丢失undefined以及函数，具体请自行百度），下边用递归来实现深拷贝一个对象，上代码：function recursion(obj) { if (Object.prototype.toString.call(obj) !== "[object Object]") return f

js中将图片文件转为base的两种方式fileReader <input type="file" id="file" onchange="changeFile()">function changeFile() { var file = document.getElementById('file').files[0] //检验选择文件格式 var fileType = file.name.split('.').reverse()[0].toLowerCase() var

最近再使用使用layui进行开发，看到了一个问题挺有意思的，就是一个页面是一个tab页，刚进来时layui-table能够正常渲染，在切换之后发现除了进来的第一个页面都存在table宽度异常的问题，就像压缩饼干一样非常丑，不过这可难不倒我（哈哈哈哈）解决思路：在tab页面切换的时候重置相对应表格的尺寸即可解决解决办法如下：在选项卡切换的时候会有一个监听事件：element.on('tab(filter)', function(data){ console.log(this); //当前Tab标

在使用echarts开发过程中，经常会遇到一些需求就是点击图表或者鼠标悬浮在图表上有接下来的相关动态操作，只需将获取的echarts实例添加监听事件即可实现。鼠标点击echarts图表const myChart = echarts.init(document.getElementById("myChart"))myChart.on("click",function(params){ console.log(params) //这里的params是鼠标点击的图表节点的数据})鼠标点击echa

在使用echarts进行可视化图表的开发时，由于option配置项配置项太多，在进行一些动态操作时我们一般情况下都是去直接更新series里面的数据来更新页面图表的数据。这就产生了一个问题，当series里面的数据条数不相等时，再重新对获取echart实例进行setOption，当更新的数据少于之前数据时，会发现页面回遗留下之前的数据，包括图例。解决办法:给setOption这个方法加上第二个参数true，重新绘制整个图表（默认是false）配置项手册myChart.setOption(option,tr

在使用echarts开发可视化图表时，突然遇到了一个问题，就是刚进来这个页面时，鼠标悬浮到饼图上会有一个页面抖动的现象，再次悬浮上去就不会抖动了。查阅文档得出解决办法如下tooltip:{ transitionDuration:0,}...

在vue项目的开发中用到了Tabs标签页，但是在这些标签页切换的过程中会出一个问题，就是在echarts容器的宽高设置成百分比的时候 ，echarts图表并不能够完整地撑满整个容器，而是一张压得很扁的一张图，导致出现这种问题的原因就是tab页在切换的过程中，他是通过display:none来实现tab页的显示隐藏，这样的话点击tab页的时候，下面的具体内容部分正处于display:none 这个状态，echarts在获取dom容器时，并不能够准确识别出dom的宽高，进而会出现图表被压扁的情况，解决办法

懒人必备 关于函数的两个小技巧1.当函数返回的只有一行语句，可以省略大括号，也可以省略return关键字//函数中只有一行语句var summary = (a,b) => a+bconsole.log(summary(10,20)) //302.需要对返回数据处理用到数组的一些常用API时（如 Array.map()，Array.forEach()，Array.reduce()等等 ）在对数据进行简单处理的情况下也可以省略掉returnvar array=[{name:'test',v