摘要: 事件绑定 事件绑定 const btn = document.getElementById('btn1') // 主流浏览器 btn.addEventListener('click', event => { console.log('clicked me') }) // IE8 及更早版本 btn. 阅读全文
posted @ 2021-03-14 22:59 Better-HTQ 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 获取DOM节点 document.getElementById('id') // 元素 document.getElementsByTagName('div') // 集合 document.getElementsByClassName('class') // 集合 document.querySe 阅读全文
posted @ 2021-03-14 13:07 Better-HTQ 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 单线程与多线程 当一个程序开始运行时,它就是一个进程,进程包括运行中的程序和程序所使用到的内存和系统资源。而一个进程又是由一个或多个线程所组成的。 线程是程序中的一个执行流,每个线程都有自己的专有寄存器(栈指针、程序计数器等)。线程可以理解为进程中的执行的一段程序片段。 例如——某音频播放程序可以实 阅读全文
posted @ 2021-03-09 09:40 Better-HTQ 阅读(313) 评论(0) 推荐(0) 编辑
摘要: 目的 函数防抖和函数节流:优化高频率执行js代码的一种手段,js中的一些事件如浏览器的resize、scroll,鼠标的mousemove、mouseover,input输入框的keypress等事件在触发时,会不断地调用绑定在事件上的回调函数,极大地浪费资源,降低前端性能。为了优化体验,需要对这类 阅读全文
posted @ 2021-03-08 11:11 Better-HTQ 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 参数1 参数2及之后参数 返回 .call( ) `this`绑定的对象 参数 执行结果 .apply( ) `this`绑定的对象 参数的数组 执行结果 .bind( ) `this`绑定的对象 参数 函数 示例: // applyadd.apply(null, [1, 2]); 阅读全文
posted @ 2021-03-07 11:40 Better-HTQ 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 1. 作用域 作用域(Scope)指的是代码中定义变量的区域或上下文,它决定了代码中哪些部分可以访问哪些变量。JavaScript 中的作用域主要有两种:全局作用域和局部作用域。 1.1 全局作用域 在最外层定义的变量具有全局作用域,可以在任何地方访问。 var globalVar = "I am 阅读全文
posted @ 2021-03-06 23:30 Better-HTQ 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 原型 原型图(图片来源:JavaScript高级程序设计) 构造函数Person 的原型(Person.prototype) 指向 Person Prototype 原型Person Prototype 的构造函数(Person.prototype.constructor) 指向 Person 实例 阅读全文
posted @ 2021-03-02 21:17 Better-HTQ 阅读(114) 评论(0) 推荐(0) 编辑
摘要: **浅拷贝:**以对象为例,如果对象的属性是值类型,拷贝的是这个值类型的值;如果是引用类型,拷贝的就是内存地址。 **深拷贝:**将一个对象从内存中完整的拷贝一份出来。还是以对象为例,如果对象的属性是值类型,拷贝这个值到栈中;如果是引用类型,那么就在堆内存中开辟一个新的区域存放这个引用类型的原始对象 阅读全文
posted @ 2021-02-28 20:46 Better-HTQ 阅读(59) 评论(0) 推荐(0) 编辑
摘要: 1. ES5下的函数 1.1定义函数的2种方法(函数声明 和 函数表达式) ① 函数声明 function sum(x, y) { return x + y; } ② 函数表达式 var sum = function(x, y) { return x + y; } 2. ES6下的箭头函数 2.1 阅读全文
posted @ 2021-02-28 20:21 Better-HTQ 阅读(48) 评论(0) 推荐(0) 编辑
摘要: 值类型 特点: 变量在栈中直接保存值。 常见的 值类型 const s = 'abc' const n = 100 const b = true const s = Symbol('s') 特殊的 值类型 let a // undefined const u = null // 有疑虑,有的说是特殊 阅读全文
posted @ 2021-02-27 23:03 Better-HTQ 阅读(90) 评论(0) 推荐(0) 编辑