JavaScript学习
不世9527
要是自己能随便凑合着用一个东西,那别人也会用随便的态度来对待
展开
-
JS事件委托
作者 | 全凭一口仙气儿活着 来源 | https://www.cnblogs.com/moqing/p/5590433.html hello,沐晴,又来更新啦,今天呢就接着上篇博文讲讲冒泡带给我们的一大优点,就是产生了所谓的事件委托,初听事件委托,觉得有点高大上,了解过后发现它真是个非常有用的东西。OK,下面就跟我一起一探究竟把。。。 先看看解析,事件委托:也称事件代理 就是利用冒泡的原理 把加事件加到父级上,触发执行效果 首先呢,你一定写过这样的程序,有一个列表,当鼠标移入每个li,背景颜色变红,于是.转载 2020-06-29 23:04:01 · 150 阅读 · 0 评论 -
浅谈JS事件冒泡
作者 | 全凭一口仙气儿活着 来源 | https://www.cnblogs.com/moqing/p/5590216.html 浅谈JS事件冒泡 今天要跟大家谈的是事件冒泡,这个事件呢,也是两面性的,有时候给我们带来bug,有时候优点也很明显。我们就一起来看看它的真面目。 首先看看事件冒泡是什么? 事件冒泡 :当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级,一直到window 。(注意这里传递的仅仅是事件 并不传递所绑定的事件函数。所以如果父级没有绑定事件函数,就算传递了事件 也不会有什.转载 2020-06-26 11:54:13 · 257 阅读 · 1 评论 -
Promise的个人见解
Promise 在深入 Promise 之前,我们先想想 Why(为什么)会有 Promise,Promise 的诞生解决了哪些问题呢? 第一,由于 JS 的运行时单线程的,所以当执行耗时的任务时,就会造成 UI渲染的阻塞。当前的解决方法是使用回调函数来解决这个问题,当任务执行完毕会,会调用回调方法。 第二,就是回调函数存在以下几个缺点: 不能捕捉异常(错误处理困难)——回调函数的代码和开始任务...原创 2020-03-13 10:01:47 · 240 阅读 · 0 评论 -
JavaScript学习(六)this指向更改
JavaScript学习(六) this指向更改 一、函数的调用方式决定了 this 的指向不同: 1.普通函数调用,此时 this 指向 window function fn() { console.log(this); // window } fn(); // window.fn(),此处默认省略window 2.构造函数调用, 此时 this 指向 实例对象 function Person(age, name) { ...原创 2020-05-23 13:35:33 · 118 阅读 · 0 评论 -
JavaScript学习(五)闭包与封装set结构
JavaScript学习(五) 闭包与封装set结构 闭包 什么是闭包?闭包有什么作用?这是我遇到闭包时的第一反应。 闭包在JavaScript高级程序设计(第3版)中是这样描述:闭包是指有权访问另一个函数作用域中的变量的函数 function outerFn() { var i = 0; function innerFn() { i++; console.log(i); } return innerFn; .原创 2020-05-23 13:26:26 · 186 阅读 · 0 评论 -
JavaScript学习(四)对象方法和深拷贝
JavaScript(四)对象方法和深拷贝 1、Object.assign() Object.assign():方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象 const target = { a: 1, b: 2 }; const source = { b: 4, c: 5 }; const returnedTarget = Object.assign(target, source); console.log(target); // expected outpu..原创 2020-05-23 13:09:50 · 175 阅读 · 0 评论 -
JavaScript学习(三)数组方法
JavaScript学习(三)数组方法 1、join() join(separator): 将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符,该方法只接收一个参数:即分隔符。 var arr = [1,2,3]; console.log(arr.join()); // 1,2,3 console.log(arr.join("-")); // 1-2-3 console.log(arr); // [1, 2, 3](原数组不变) 通过join()方法原创 2020-05-23 13:01:05 · 181 阅读 · 0 评论 -
JavaScript学习(二)类
JavaScript学习(一)类 类 JavaScript中的类是语法糖,一种基于原型的继承的语法糖。 类的创建 class Star { constructor(uname, age) { this.uname = uname this.age = age } sing(sing) { console.log(sing); } } 类的继承 class Father {原创 2020-05-23 12:35:02 · 96 阅读 · 0 评论 -
JavaScript学习(一)Prototype constructor 的个人理解
JavaScript学习(一)Prototype constructor 的个人理解 Prototype原型对象 构造函数有一个prototype属性,指向实例对象的原型对象。通过同一个构造函数实例化的多个对象具有相同的原型对象。经常使用原型对象来实现继承 class Star { constructor(uname, age) { this.uname = uname this.age = age } sing(sing) {原创 2020-05-23 12:14:57 · 205 阅读 · 0 评论