随笔分类 - JS
摘要：字符串转换为数组的4 个方法 1、split() 方法 常见的转换技术是split字符串方法，但这也是有问题的一种。 通过使用空字符串作为split方法的分隔符，我们可以将字符串转换为字符数组。 2、展开运算符 展开运算符 ( ...) 允许在需要多个元素（如数组文字）的地方扩展诸如字符串之类的可迭
阅读全文
摘要：由于在vue3 compositionApi中 setup函数无法获取this，在使用vuex的时候获取this.$store.state.xx会比较繁琐，而vuex中的函数mapState返回值为函数类型，无法使用computed直接返回具体的数值（会提示缺失$stote），考虑使用bind函数重
阅读全文
摘要：1、forEach遍历： map.forEach(function(value,key){ console.log(value,key); }); 函数中第一个参数是属性值，第二个参数是属性 2、for-of遍历： ①for(let item of map){ } 遍历结果是数组 ②for(let
阅读全文
摘要：记录一下今天面试的算法题 一个是实现数组的打乱输出，要求做到概率相同，还有一个是数组的扁平化，自己只想到了Array.flat 还有Array.isArray 其实还有别的方法 这里做一下总结 数组的随机打乱 1、'伪'打乱 function random(a, b) { return Math.r
阅读全文
摘要：什么是事件循环？ 事实上我把事件循环理解成我们编写的JavaScript和浏览器或者Node之间的一个桥梁 浏览器的事件循环是一个我们编写的JavaScript代码和浏览器API调用(setTimeout/AJAX/监听事件等)的一个桥梁, 桥梁之间他们通过回调函数进行沟通。 Node的事件循环是一
阅读全文
摘要：事件冒泡 ：当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级，一直到window 。（注意这里传递的仅仅是事件 并不传递所绑定的事件函数。所以如果父级没有绑定事件函数，就算传递了事件 也不会有什么表现 但事件确实传递了。） 捕获是从上级元素到下级元素，冒泡是从下级元素到上级元素. 设置事
阅读全文
摘要：对象解构 对象字面量的语法形式是在一个赋值操作符左边放置一个对象字面量 let node = { type: "Identifier", name: "foo" }; let { type, name } = node; console.log(type); // "Identifier" cons
阅读全文
摘要：拓展运算符（...）用于取出参数对象所有可遍历属性然后拷贝到当前对象 //js对象中 let b ={c:100,d:100} let a ={ x:100, y:100, ...b //相当于c:100,d:100 } 在 Vue组件method中定义了方法调用回调函数传参时，如果传参需要指定参数
阅读全文
摘要：形参的默认值 当不传入参数的时候默认使用形参里的默认值 function Point(x = 1,y = 2) { this.x = x; this.y = y; } //定义一个点的坐标 function Point(x=12, y=12) { this.x = x; this.y = y; }
阅读全文
摘要：let setArr = ([...new Set([...nums.sort((a,b)=>{return a-b})])]) console.log(setArr); 使用 sort()默认方法的话是Unicode编码，对于10以内是正常，一旦出现大于10就会出现 [ 1, 10, 11, 2,
阅读全文
摘要：1.1 Object.defineProperty 这个方法接收3个参数，属性所在对象，属性名字，描述符对象。描述符对象包含4种类：configurable,enumerable,writable,value。尤其注意configurable属性如果改为false后再代码后面再次改动会抛出错误。 v
阅读全文
摘要：“>>”运算符 “>>”运算符执行有符号右移位运算。与左移运算操作相反，它把 32 位数字中的所有有效位整体右移，再使用符号位的值填充空位。移动过程中超出的值将被丢弃。 console.log(1000 >> 8); //返回值3 “>>>”运算符 “>>>”运算符执行五符号右移位运算。它把无符号的
阅读全文
