随笔分类 - JavaScript
该分类里面记录了平常对JavaScript做的一些总结
摘要：es6 中没有 this、this 是从外部获取、不能使用 new、没有 arguments、没有原型和 super 箭头函数相当于匿名函数，简化了函数定义。箭头函数有两种写法，当函数体是单条语句的时候可以省略 {} 和 return。另一种是包含多条语句，不可以省略 {} 和 return。箭头函
阅读全文
摘要：dom树、stylesheet、布局树、分层、光栅化、合成 浏览器拿到 HTML，先将 HTML 转换成 dom 树，再将 CSS 样式转换成 stylesheet，根据 dom 树和 stylesheet 创建布局树，对布局树进行分层，为每个图层生成绘制列表，再将图层分成图块，紧接着光栅化将图块转
阅读全文
摘要：变量背包、作用域链、局部变量不销毁、函数体外访问函数的内部变量、内存泄漏、内存溢出、形成块级作用域、柯里化、构造函数中定义特权方法、Vue中数据响应式Observer 闭包的定义：内部函数可以访问到其所在外部函数中声明的参数和变量。 一个函数和词法环境的引用捆绑在一起，这样的组合就是闭包（closu
阅读全文
摘要：JavaScript有4种方法判断变量的类型，分别是：typeof、instanceof、Object.prototype.toString.call()（对象原型链判断方法）、 constructor (用于引用数据类型) typeof：常用于判断基本数据类型，对于引用数据类型除了function
阅读全文
摘要：对象属性、new Set() 、filter+indexOf、hasOwnProperty、reduce+includes 第一种方法：利用对象属性 key 排除重复项：遍历数组，每次判断对象中是否存在该属性，不存在就存储在新数组中，并且把数组元素作为key，设置一个值，存储在对象中，最后返回新数组
阅读全文
摘要：前言 非严格模式下的 this 指向可能我们会经常遇到，但是严格模式下的 this 指向不是经常碰到，关于严格模式下的 this 指向是怎么样的，都是指向哪些，这篇博文将会很仔细地说清楚。 一、全局作用域中的this 在严格模式下，在全局作用域中，this指向window对象。 1 2 3 4 5
阅读全文
摘要：变量提升是指 JS 的变量和函数声明会在代码编译期，提升到代码的最前面。 变量提升成立的前提是使用 Var 关键字进行声明的变量，并且变量提升的时候只有声明被提升，赋值并不会被提升，同时函数的声明提升会比变量的提升优先。 变量提升的结果，可以在变量初始化之前访问该变量，返回的是 undefined
阅读全文
摘要：以下是四种 touch 事件： touchstart: 手指放到屏幕上时触发 touchmove: 手指在屏幕上滑动式触发 touchend: 手指离开屏幕时触发 touchcancel: 系统取消touch事件的时候触发，这个好像比较少用 每个触摸事件被触发后，会生成一个event对象，event
阅读全文
摘要：map 和 forEach 的区别：map 有返回值，可以开辟新空间，return 出来一个 length 和原数组一致的数组，即便数组元素是 undefined 或者是 null。forEach 默认无返回值，返回结果为 undefined，可以通过在函数体内部使用索引修改数组元素。 map 的处
阅读全文
摘要：undefind 是全局对象的一个属性，当一个变量没有被赋值或者一个函数没有返回值或者某个对象不存在某个属性却去访问或者函数定义了形参但没有传递实参，这时候都是 undefined。undefined 通过typeof 判断类型是 'undefined'。undefined == undefined
阅读全文
摘要：事件可以说在 js 中扮演了很重要的角色，各种事件在 js 中多多少少都会遇到，那些经常会用到，如点击事件，可能我们已经耳熟能详，可还有很多是我们不太清楚的或者没有遇到的，有些时候又区分不了，所以这篇文章将会让你明明白白地搞清楚 js 中的那些事件。💪💪💪 一、鼠标事件🚩 事件名 事件具体作
阅读全文
摘要：JS数据类型分为两类：一类是基本数据类型，也叫简单数据类型，包含7种类型，分别是Number 、String、Boolean、BigInt、Symbol、Null、Undefined。另一类是引用数据类型也叫复杂数据类型，通常用Object代表，普通对象，数组，正则，日期，Math数学函数都属于Ob
阅读全文
摘要：this 存在的场景有三种全局执行上下文和函数执行上下文和 eval 执行上下文，eval 这种不讨论，在全局环境中调用普通函数，严格模式下this指向 undefined，非严格模式下this指向全局变量 window；通过一个对象来调用函数内部的方法，this指向该对象；new 关键字搭建好的新
阅读全文
摘要：数组方法有很多，而且用到的频率也是很高，特别是 push() 方法，而与之对应的另一个方法就是 unshift() ，那么这两个方法有什么区别呢？？👇👇 一、push() 方法 push() 方法（在数组结尾处）向数组添加一个新的元素： var webKnowledge = ["HTML", "
阅读全文
摘要：client offset scroll 之间的区别
阅读全文
摘要：正则表达式很常见，但是里面的很多特殊 字符 表示什么意思你都知道吗？？？
阅读全文
摘要：JS 中如何改变函数内部 this 的指向有这常用的 3 种方法
阅读全文
摘要：还在使用 createElement 来创建元素吗 使用 insertAdjacentHTML 来创建多简单啊
阅读全文
