果果1024 - 博客园

2021年10月16日

摘要： 1.next()永远都会比yield多一个 2.消息传递当next(..)执行到yield语句处时会暂停生成器的执行，同时next(...)会得到一个带有value属性的对象，yield语句后面带的值会赋给value(如果yield后面没有值，value就为undefined)。可以将yield 阅读全文

posted @ 2021-10-16 13:53 果果1024 阅读(109) 评论(0) 推荐(0)

Iterator对象

摘要： Iterator实现原理创建一个指针对象，指向当前数据结构的起始位置。也就是说，遍历器对象本质上，就是一个指针对象。第一次调用指针对象的next方法，可以将指针指向数据结构的第一个成员。第二次调用指针对象的next方法，指针就指向数据结构的第二个成员。不断调用指针对象的next方法，直到它指阅读全文

posted @ 2021-10-16 12:51 果果1024 阅读(292) 评论(0) 推荐(0)

2021年10月15日

Promise

摘要： 1.只是new了一个对象，并没有调用它，我们传进去的函数就已经执行了，这是需要注意的一个细节。所以我们用Promise的时候一般是包在一个函数中，在需要的时候去运行这个函数。 2.catch和then的第二个参数一样，用来指定reject的回调。有另外一个作用：在执行resolve的回调（也就是上面阅读全文

posted @ 2021-10-15 18:05 果果1024 阅读(34) 评论(0) 推荐(0)

宏任务队列与微任务队列

摘要： 1. 在一个事件循环中，异步事件返回结果后会被放到一个任务队列中。然而，根据这个异步事件的类型，这个事件实际上会被对应的宏任务队列或者微任务队列中去。并且在当前执行栈为空的时候，主线程会查看微任务队列是否有事件存在。如果不存在，那么再去宏任务队列中取出一个事件并把对应的回到加入当前执行栈；如果存在阅读全文

posted @ 2021-10-15 17:47 果果1024 阅读(184) 评论(0) 推荐(0)

防抖和节流理解及其应用场景

摘要：防抖是将多次执行变为只执行一次，节流是将多次执行变为每隔一段时间执行防抖(debounce) search搜索联想，用户在不断输入值时，用防抖来节约请求资源。 window触发resize的时候，不断的调整浏览器窗口大小会不断的触发这个事件，用防抖来让其只触发一次节流(throttle) 鼠标不阅读全文

posted @ 2021-10-15 10:10 果果1024 阅读(294) 评论(0) 推荐(0)

2021年10月14日

组合继承

摘要： 1.原型链继承 //父类：人 function Person () { this.head = '脑袋瓜子'; this.emotion = ['喜', '怒', '哀', '乐']; //人都有喜怒哀乐 } //将 Person 类中需共享的方法放到 prototype 中，实现复用 Person 阅读全文

posted @ 2021-10-14 21:12 果果1024 阅读(153) 评论(0) 推荐(0)

值类型和引用类型

摘要：（1）值类型（基本类型）：字符串（string）、数值（number）、布尔值（boolean）、undefined、null （这5种基本数据类型是按值访问的，因为可以操作保存在变量中的实际的值）(ECMAScript 2016新增了一种基本数据类型：symbol ) 保存在栈中（2）引用类型：阅读全文

posted @ 2021-10-14 18:35 果果1024 阅读(206) 评论(0) 推荐(0)

函数声明、函数表达式、匿名函数

摘要： nName();function fnName(){ ...}//正常，因为‘提升’了函数声明，函数调用可在函数声明之前 fnName();var fnName=function(){ ...}//报错，变量fnName还未保存对函数的引用，函数调用必须在函数表达式之后 (function(a){ 阅读全文

posted @ 2021-10-14 16:24 果果1024 阅读(40) 评论(0) 推荐(0)

让事件先冒泡后捕获

摘要： element.addEventListener(event, function, useCapture) useCapture 可选。布尔值，指定事件是否在捕获或冒泡阶段执行。可能值:true - 事件句柄在捕获阶段执行false- false- 默认。事件句柄在冒泡阶段执行 <!DOCTYPE 阅读全文

posted @ 2021-10-14 14:14 果果1024 阅读(164) 评论(0) 推荐(0)

拖动效果

摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>发光输入框</title> <style type="text/css"> #box { position: absolute; width: 100px; height: 100p 阅读全文

posted @ 2021-10-14 12:42 果果1024 阅读(25) 评论(0) 推荐(0)

1024!

公告