JS笔记
之前学的一些内容的笔记
小朋友今天变可爱了
这个作者很懒,什么都没留下…
展开
-
js中的函数防抖和节流
解决频繁性触发事件的操作。是前端的页面性能的优化。 防抖 防抖原理:事件响应函数在一段时间之后才执行,如果在这段时间内再次调用,则需要重新计算执行时间;当预定的时间内没有再次调用该函数,则执行响应逻辑 //防抖函数 function debounce(func, waitTime, immediate) { let timeout,result; return function () { let context = this; //改变执行函数func内部this的指向原创 2020-12-13 15:23:27 · 65 阅读 · 0 评论 -
JS笔记之理解this指向
#this指向 (一)this的默认绑定 this默认指向window 1。在全局环境下this指向了window 2。函数独立调用,函数内部的this指向了window。或者看函数调用之前挂在了哪一个对象上。 3。被嵌套的函数独立调用时,this默认指向了window。「注意」函数当作对象的方法来调用,this指向该对象。 4。IIFE立即执行函数内部的this指向了window 5。闭包中this中默认指向了window (二)隐式绑定 看方法前面绑定的对象。 function foo(){ c原创 2020-12-13 15:22:47 · 85 阅读 · 0 评论 -
JS笔记之理解函数
(一)函数概述 函数声明 1,函数的声明语句 finction f(a,b){ return a+b; } 2,函数表达式:把匿名函数赋值给一个新的变量 var sum = function hello(a,b){ console.log(sum===hello); //true return a+b; } sum(1,3); //正常运行 hello(1,3); //报错 3,Function构造函数 var fn = new Function(‘x’,’y’,’return x+y’) co原创 2020-12-13 15:21:00 · 73 阅读 · 0 评论 -
JS笔记之理解js中的闭包
(一)理解闭包 var a= 1; function fn1(){ console.log(a); var b = 234; function fn2(){ console.log(b); } return fn2; } var result = fn1(); result(); 闭包就是fn2,能够读取其他函数内部变量的函数。 闭包可以理解为一个定义在函数内部的函数。 闭包的作用:在外层的作用域下能访问到内层作用域中的作用 闭包最大的特点:它可以记原创 2020-12-13 15:20:35 · 123 阅读 · 0 评论 -
JS笔记之理解JS事件
(一)事件冒泡和事件捕获 事件冒泡:事件开始时由最具体的元素接受,然后逐级向上传播到较为不具体的节点(文档) 比如:div -> body -> html -> document -> window 事件捕获:由不太具体的节点更早的接受事件,而最具体的节点应该最后接收到事件 addEventListener() 使用案例: var box = document.getElementById(‘box’); //注意,第三个参数为默认为false,事件冒泡;true为事件捕获 box.原创 2020-12-13 15:19:53 · 111 阅读 · 0 评论 -
JS笔记之理解DOM操作
(一)快速认识DOM Js中的对象分为三种: 用户定义的对象 内建对象Math Date Array 宿主对象 (二)元素节点对象的增删改查 创建节点 createElement() 插入节点 appendChild() insertBefore(newNode, node) 删除节点. removeChild() 替换节点. replaceChild(newnode, node) 创建文本节点. createTextNode() ...原创 2020-12-13 15:19:19 · 60 阅读 · 0 评论 -
JS笔记之理解BOM浏览器对象模型
(一)BOM对象介绍 window alert() confirm() prompt() setInterval() setTimeout() location href hash url reload() screen navigator history(页面的前进和后退) go() (二)window对象的方法 下面的window都可以省略掉 window.alert(‘hello’); var a = window.confirm(‘你确定要离开网站吗’); 确定 a = true; 取消原创 2020-12-13 15:18:44 · 92 阅读 · 0 评论