孔明跟我没关系-CSDN博客

原创前端面试题

面试题：vue的计算属性特征，与普通函数的区别?需要对data的数据进行特殊处理时可以放到计算属性computed里处理;计算属性是响应式的,计算的依赖没有变化时不会重新计算,将计算的结果存在缓存,之后直接从缓存调用;当计算的依赖发生变化自动重新计算，不能接收参数。普通函数：计算依赖发生变化时不会自动重新计算，计算的结果也不会存在缓存；但是能接受参数。元素如何设置（水平垂直）居中?只有水平居中：1.margin: 10px auto; 知道父子元素的宽度时，左右方向的margin设为（父元素

2020-09-22 15:46:28 72

原创字符串的截取方法slice，substring，substr特征

字符串截取方法：str.slice(a, b) 返回的是选中的新字符串，a代表开始位置下标（包含）,b代表结束下标（不包含）。b没有时代表截取到字符串最后。a，b可以是负数，a负数代表从右往左截取str.substring(a, b) 返回的是选中的新字符串，a代表开始位置下标（包含）,b代表结束下标（不包含）。b没有时代表截取到字符串最后。str.substr(a, length), 返回的是选中的新字符串，a代表开始位置下标（包含）,length代表截取长度。b没有时代表截取到字符串最后。

2020-09-22 14:53:42 221

原创数字处理精确度，既是保留小数点后n位数字

处理方法分为正则和js函数：正则: Number(num.toString().match(/^\d+(?:\.\d{0,2})?/)) 不四舍五入: function twoFloat(number) { const number1=number.toString().split("."); if(number1.length==1){ number=number.toString()+".00"; return number; }

2020-09-22 14:47:17 272

原创 vue路由跳转时path和name的区别

用js实现跳转时有两种对应组合： this.$router.push({'name':one; params:{'id':id}}); this.$router.push({'path':'/home'; query:{'id':id}});也就是name和params组合使用，path和query组合使用。区别：其实name和query也可以组合实现页面跳转，但是参数无法正常传递接收，params传递参数在地址栏是看不到的，就跟post请求很像。query参数会显示在地址栏，项目如果对地址栏

2020-09-22 13:54:18 4261 4

原创将数据保存在本地

localStorage:localStorage.setItem(‘id’,value),获取用localStorage.getItem(‘id’);特点:数据一直保留在本地,除非手动删除;sessionStorage:sessionStorage.setItem(‘id’,value),获取用sessionStorage.getItem(‘id’);特点:当所有窗口关闭时数据会清空,单纯页面的刷新数据仍在;cookie:document.cookie=(保存的数据,);特点:每次获取都是将里面

2020-09-22 11:39:29 983

原创自定义的数组去重函数

这里有几个js函数实现数据去重：1.function unique(arr) { let newArr = [arr[0]]; for(let i=1; i<arr.length; i++) { let repeat = false; for(let j=0; j<newArr.length; j++) { if(arr[i] === newArr[j]) { repeat = true; break; } }; if(!re

2020-09-22 11:35:57 546

原创多个按钮如何导向页面的不同高度位置

需求是页面A有多个按钮功能，点击后跳转到页面B的不同高度，如何写js函数：window.scrollTo(a, b); // a代表横向位置，b带包纵向位置只需要在跳转时携带上不同的参数，也就是指定高度，在B页面的mounted函数里执行上面的代码就可以滚到指定位置，横向和纵向都有。功能类似于在其他页面加锚点...

2020-09-22 11:31:23 176

原创自定义创建右键菜单栏

项目页面需要自定义鼠标右键菜单栏可以用下面的代码：当然布局和样式都可以从新写，根据需要改动即可html: <ul class="contextmenu" v-show="rightmouse"> <li>刷新</li> <li>关闭</li> <li>关闭其它</li> <li>关闭所有</li> </ul>

2020-09-22 11:23:36 77

原创项目如何使用echarts插件画图

在html部分某个标签内绘制图表，需要给元素设置id，方便echarts获取到元素。然后是js部分：const myCharts = this.$echarts.init(document.getElementById('myCharts')); myCharts.setOption({ xAxis:{ // X轴 type:'categary', data:['一号','二号','三号'] }, yAxis:{splitLine:{show:fals

2020-09-22 11:19:13 148

原创关于html和css一些问题的实现方法

关于样式的一些方法// 强制元素显示尺寸,超出部分用…代替?overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;// 元素如何设置水平垂直居中?不知道宽高：1.元素display:flex,水平垂直居中;2.元素绝对定位,绝对定位时left和top都是50%;transform:translate(-50%,-50%);知道宽高：3.元素高固定,margin: 高度/2 a

2020-09-22 10:49:40 56

原创关于数据里的 ob: Observer属性

vue框架是种双向绑定的数据流，也就是MvvM模式，M就是module也就是代表数据，v是view也就代表视图。当操作修改了数据时，可以直接反映到视图上。如何某个数据带有__ob__: Observer属性，说明数据已被vue接管监控。无论如何修改数据，返回给视图的都不会发生变化。如果数据带有这个属性，该数据就不能被枚举。常用的方法是直接深拷贝，相当于在内存中开辟出一个跟原来数据一样的数据。直...

2019-11-22 15:27:30 1917

原创关于在el-table里使用el-datePicker设置默认时间后导致修改时间无效的问题

关于在el-table里使用了时间组件，设置了默认显示值之后，手动修改时间失效的问题之前在项目里使用了elementUI里的el-table表格里又使用了时间组件，具体代码如下：然后业务这边提了个需求，给时间设置默认值，开始时间为当天的0点，结束时间为2999年年底。于是我用了函数求出当前时间并转换为‘2019-10-10 00:00:00’这样的字符串格式。这样页面刚打开时会默认显示开始结...

2019-11-22 15:16:31 4845 1

原创关于vuedraggable实现拖动效果心得

@[TOC]vuedraggable插件实现拖动效果前言：之前写代码时遇到个需求，拖动元素到指定区域时仍然保留原来的标签，并有标识。以下是html原码：小伙伴们记得在js里导入插件vuedraggable。在拖动图片时还要保留原来的数据，我是直接在插件的源码里改的，在插件的src目录下的vuedraggable.js文件里:350行将如下代码注释:// var oldIndex=...

2019-08-02 11:28:40 3700 6

qq_42619485的博客