随笔档案「2020年4月」 - 可樂_Thompson

摘要：近期的项目中有一个img不可点击的需求可以这样做：（通过三元表达式动态的添加img的属性）关键的控制div、img是否可以点击的属性是： pointer-events: none;（禁止鼠标点击事件）阅读全文

posted @ 2020-04-27 10:15 可樂_Thompson 阅读(13483) 评论(0) 推荐(0)

摘要：承接上一篇，这一篇文章主要是如何根据你选中之后添加相关的字段，然后请求接口获得数据接口是这样的：因为只有你选中的发票才会给你申请电子发票，所以要根据选中与否进行请求参数的动态添加。直接上代码：然后拿着处理后的请求参数进行请求接口处理代码即可。阅读全文

posted @ 2020-04-26 16:25 可樂_Thompson 阅读(2128) 评论(0) 推荐(0)

如何通过图片的的设置checkBox的选中和非选中的动态切换

摘要：最近做公司项目有一个这样的需求需要通过选择期数之后才能对选中的信息进行提交，从而进行电子发票单的申请。大多数人可能会用checkbox进行设置，但是在这个项目里是有局限的，现在用图片的切换进行处理。上代码：然后再动态的给每一个item添加show属性，默认不选中即为false 这是click 阅读全文

posted @ 2020-04-26 16:12 可樂_Thompson 阅读(386) 评论(0) 推荐(0)

forEach、map、filter、some、every、find之间的区别

摘要：forEach：语法： array.forEach(callback(currentValue, index, array){ //do something }) callback: 为数组中每个元素执行的函数,该函数接收三个参数，参数一：当前数组中元素；参数二：索引；参数三：当前数组。 ma 阅读全文

posted @ 2020-04-04 15:58 可樂_Thompson 阅读(236) 评论(0) 推荐(0)

vue的$set和$nextick

摘要：将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。this.$nextTick(()=>{ this.$refs.table.refresh();});例如通阅读全文

posted @ 2020-04-04 15:26 可樂_Thompson 阅读(349) 评论(0) 推荐(0)

计算属性（computed）、方法（methods）和侦听属性（watch）的区别与使用场景

摘要：1，computed 能实现的，methods 肯定也能够实现。 2，不同之处在于，computed 是基于他的依赖进行缓存的，computed 只有在他的的相关依赖发生改变的时候才会重新计算。如果他的相关依赖并没有发生改变，每次访问都是返回他的缓存的值。 methods,则是每次触发重新渲染之后阅读全文

posted @ 2020-04-04 15:20 可樂_Thompson 阅读(244) 评论(0) 推荐(0)

vue中怎么阻止事件冒泡和默认事件

摘要：原生js阻止事件冒泡 try{ e.stopPropagation();//非IE浏览器 } catch(e){ window.event.cancelBubble = true;//IE浏览器 } 原生js阻止默认事件 if ( e && e.preventDefault ) { e.preven 阅读全文

posted @ 2020-04-04 15:09 可樂_Thompson 阅读(1843) 评论(0) 推荐(0)

JavaScript 保留两位小数

摘要：四舍五入以下处理结果会四舍五入: var num =2.446242342; num = num.toFixed(2); // 输出结果为 2.45 不四舍五入以下处理结果不会四舍五入。第一种，先把小数变整数： Math.floor(15.7784514000 * 100) / 100 // 阅读全文

posted @ 2020-04-04 15:05 可樂_Thompson 阅读(136) 评论(0) 推荐(0)

浅拷贝与深拷贝的区别

摘要：浅拷贝与深拷贝一、数据类型数据分为基本数据类型(String, Number, Boolean, Null, Undefined，Symbol)和对象数据类型。基本数据类型的特点：直接存储在栈(stack)中的数据引用数据类型的特点：存储的是该对象在栈中引用，真实的数据存放在堆内存里引用数据类阅读全文

posted @ 2020-04-04 15:02 可樂_Thompson 阅读(171) 评论(0) 推荐(0)

JavaScript数组去重常见的几种方法

摘要：最近面试被数组去重搞得很头疼，现在具体的说出几种方法来供大家使用：一、利用ES6 Set去重（ES6中最常用） function unique (arr) { return Array.from(new Set(arr)) } var arr = [1,1,'true','true',true,t 阅读全文

posted @ 2020-04-04 14:40 可樂_Thompson 阅读(190) 评论(0) 推荐(0)