
js
绿茶程序媛
喜欢请关注~
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
普通函数 与 箭头函数 this指向问题
让我们先讲下箭头函数的this指向,再在普通函数的例子中具体对比。箭头函数的this指向箭头函数的this与谁调用无关,this指向执行上下文。执行上下文可以理解为当前代码的运行环境。箭头函数本身所在的对象为obj,而obj的执行上下文是window,因此输出的是20。 const obj = { a: 10, add: () => { ...原创 2020-02-27 22:12:55 · 406 阅读 · 0 评论 -
简单讲一下我理解的事件委托
这几天参加面试,被面试官问到了这个问题。这个问题是js比较基础的内容,在此自己专门做个笔记记录一下,顺便跟小伙伴们分享一下。一、什么是事件委托?事件委托也叫做事件代理,元素的事件委托给它的父元素或者外层元素。通俗点说:就是通过父元素给子元素绑定事件。它是如何实现的呢?点击子元素,冒泡到父元素上,触发父元素的点击事件。事件委托的原理,是事件冒泡。二、写个demo测一下让我们写个dem...原创 2020-02-26 15:12:18 · 611 阅读 · 0 评论 -
each 和 forEach
forEach 是es5方法,可遍历数组,不可遍历伪数组。each是jquery方法,可遍历伪数组(例如dom节点),兼容性比forEach好。原创 2020-02-14 14:32:23 · 131 阅读 · 0 评论 -
sessionStorage.getItem 获取不到值 判空
let obj = JSON.parse(sessionStorage.getItem('obj') || '[]');原创 2019-12-23 21:03:56 · 10440 阅读 · 0 评论 -
根据id找到被删除项(兼容性问题)
findIndexes6语法,对ie11 不兼容当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。 deleteData: function (id) { //此处的this指代实例 let index = this.list.findIndex(function (e) {...原创 2019-12-19 00:33:30 · 277 阅读 · 0 评论 -
解决定时器叠加问题
let demo = new Vue({ el: '#app', data: { msg: '我是跑马灯', timer: null, }, methods: { start: function () { if (this.timer) { return; ...原创 2019-12-17 22:34:26 · 1279 阅读 · 0 评论 -
this指向问题
一般来说,谁调用了函数,函数内部的this就指向谁。在这里,setInterval的调用对象是window,所以函数内部的this指代的是window。而msg属性绑定的是vue实例,所以要用_this。 methods: { start: function () { let _this = this; this.timer ...原创 2019-12-17 22:16:30 · 104 阅读 · 0 评论 -
截取最后一位拼接到第一位
let start = this.msg.substring(0, 1); let end = this.msg.substring(1); this.msg = end + start;原创 2019-12-17 22:03:00 · 213 阅读 · 0 评论 -
数组去重的方法
1、indexof2、includes function quchong(paramsArr) { if (!Array.isArray(paramsArr)) { return; } let newArr = []; //indexof paramsArr.forEach(e =>...原创 2019-12-13 14:06:13 · 128 阅读 · 0 评论 -
构造函数和类的实例化对比
class类和构造函数有许多相像的地方,首先我们先看如何创建并使用一个构造函数function Person(name, age) { this.name = name this.age = age}const p1 = new Person('王多多', 18)console.log(p1)console.log(p1.name)console.log(p1.age)创建...原创 2019-12-08 20:59:43 · 430 阅读 · 0 评论 -
onclick 如何获取当前dom节点
<div class="box"> <span class="literSpan" onclick="changeDiv(this)">图表</span></div> function changeDiv(obj) { //通过class类获取jquery对象,来操作元素属性 $('.literSpan...原创 2019-12-09 14:56:13 · 3341 阅读 · 0 评论 -
js判断两个对象是否相等
转自:https://juejin.im/post/5c41695c6fb9a049b07da41d function isEqual(obj1, obj2) { let o1 = obj1 instanceof Object; let o2 = obj2 instanceof Object; //如果不是对象或数组,直接判断数据是否相等,同...转载 2019-12-03 16:10:41 · 366 阅读 · 0 评论 -
传递内置参数,且扩展参数传递
<div :id="'echartItem'+index" v-for="(item,index) in echartListAll" :key="index"> <Page :current="item.excelSet.currentPage" @on-change="function(params){pageChange(...原创 2019-11-30 14:11:25 · 152 阅读 · 0 评论 -
数组快速拼接成字符串
数组直接 toString() 转成 以逗号分隔的字符串 let arr = ['呵呵','哈哈','嘻嘻']; arr.toString(); // 呵呵,哈哈,嘻嘻原创 2019-11-29 11:35:23 · 1098 阅读 · 0 评论