JavaScript 进步本

7月中旬已经开始重新学习了，于2023年7月31日完成基础知识的学习：

• JavaScript对象
• JavaScript函数与作用域
• JavaScript for语句与数组
• JavaScript运算符与分支语句
• JavaScript变量与数据类型
• JavaScript简介与基础语法

定时器里面的 this 指向的是Window，而函数的 this 指向的是调用者。

事件写法分两种：

一种是匿名函数，不用写括号

username.addEventListener('change', verifyName)
function verifyName(){
console.log(11)
}

另一种是匿名函数

username.addEventListener('change', function () {
console.log(11)
})

判断DOM元素是否有某个CSS类

1. 获取DOM对象

2. 打开浏览器控制台

3. 输入此类语法：对象.classList.contains('类名')

4. 输入一次返回的是 false 或者 true，发生改变可刷新页面查询结果

return在函数中是退出，并可以返回一个值或者弹窗，下面就不用写任何代码。

假如获取一个元素，选择里面的类(.active)进行操作，如：

const tab_nav = document.querySelector('.tab-nav')
tab_nav.querySelector('.active').classList.remove('active')

// 3. 给构造函数原型对象象挂载 close 方法
Modal.prototype.close = function () {
  this.modalBox.remove()
}

remove() 方法不仅可以移除类，还可以div盒子等

函数调用只执行一次，那添加事件多次执行这个函数该怎么办呢？

那就让被调用函数里面return 返回一个匿名函数

console.dir() 方法可以用来在控制台中以列表形式输出一个对象的所有属性和方法，包括那些不可枚举的。这通常比 console.log() 提供更详细的视图。

window.innerHeight 是检测视口高度的

window.innerWidth  是检测视口宽度的

window.devicePixelRatio 屏幕被放大了两倍