随笔分类 - 原生js
一些常见效果使用原生js的实现方法
摘要：原始数据 使用 forEach 遍历 使用 reduce 处理
阅读全文
摘要：在js中使用三目运算符能够很大程度上提高代码的，简洁度，但是三目运算符对于js功底不够深厚的同学来说，又实在有些费解和难以记忆，在此简单的做个备忘。 三元运算符的表达式： 在 expression1 求值为 true 时的返回值为 expression2 ，在expression1 求值是 fals
阅读全文
摘要：记得刚开始我做数组去重的时候，就是定义一个新数组，然后遍历数组，如果新数组中不存在则push进去。 后来在Es6中出了一个Set，可以简单的实现数组去重 如果面对复杂类型的数组去重，上面的方法不够用了，以是有了下面这种方法
阅读全文
摘要：在使用Cookie进行存储的时候，遇到了许多不可思议的bug，特地标识出来，以作总结。 是这样一个项目，登录是放在官网进行操作的，而登录进入的是后台，后台和官网属于同一域名的不同目录，那么常规进行cookie进行存储的话，在后台则会访问不到这个cookie，所以需要配置domain和path。 cl
阅读全文
摘要：格式化时间年月日时分秒 格式化时间年月日 获取当天凌晨时间 获取7天前时间 获取7天后时间 获取1个月前时间
阅读全文
摘要：使用addEventListener添加事件 点击btn 点击btn2 点击btn 第一个事件已被移除 更多请参照这一文章
阅读全文
摘要：手写一个使用原生JS封装的多级菜单的函数，满足以下几点需求。 子类层级不确定，可根据数据自动生成多级菜单。 操作便捷，只需传入一个HTML标签。 缺点： 需要满足特定的数据结构 需要满足特定的数据结构 废话不多说，展示代码。先展示数据代码，注意，使用此封装函数需要满足此数据结构。 var data
阅读全文
摘要：VUE实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。那么Object.defineProperty究竟是该如何使用的呢？先看个例子 通过上面的代码我们可以看到，在控制台，无论是改变vm
阅读全文
摘要：EventTarget接口 DOM 的事件操作（监听和触发），都定义在EventTarget接口。所有节点对象都部署了这个接口，其他一些需要事件通信的浏览器内置对象（比如，XMLHttpRequest、AudioNode、AudioContext）也部署了这个接口。 该接口主要提供三个实例方法。 a
阅读全文
摘要：希望大家在测试的道路上找到答案,阔步前行 1.谁最终调用函数，this指向谁。 ①this指向的永远只可能是对象！！！ ②this指向谁永远不取决于this写在哪，而是取决于函数在哪调用 ③this指向的对象，称之为函数的上下文context，也叫函数的调用者 2.this指向的规律（与函数调用的方
阅读全文
