坤坤前端笔记-优快云博客

原创听说你很懂promise(十一)

当一个promise吸收一个thenable对象的时候（带有then方法)，会在下一个微任务中调用它的then方法’,‘0 1 | 下一次执行b.then方法(return b) p5.then’,更多前端笔记，微信搜索小程序【坤坤前端笔记】，随时刷题。答案：‘0 1 aa 2 4 3 5’,下面代码运行结果是多少。‘先将代码翻译一下’,‘控制台|微任务’,

2025-03-27 20:02:59 184

2.当一个promise吸收一个thenable对象的时候（带有then方法，promise就是thenable)，会在下一个微任务中调用它的then方法’,‘aa 2 | p10.then p11.then(此时的p11没有完成，相当于给p11挂载了一个then方法) p6.then’,‘0 1 | p9.then 下一次执行p11.then方法(return p11) p5.then’,‘bb 3 | p11.then(吸收4) p7.then’,下面代码运行结果是多少。‘控制台|微任务’,

2025-03-27 20:00:06 104

原创听说你很懂promise(九)

当Promise.resolve一个promise的时候，会返回原本的promise对象,而new Promise的resolve遇到promise，会吸收状态，并产生新的promise对象’,下面代码运行结果是多少。

2025-03-27 19:57:07 156

原创听说你很懂promise(八)

3.当一个promise吸收一个thenable对象的时候（带有then方法，promise就是thenable)，会在下一个微任务中调用它的then方法’,‘aacc | p6.then 下一次执行p7.then(return p7) p1.then’,‘2.async相当于new Promise(resolve=>resolve(*‘1.每个then都会返回一个新的promise’,),后面内容相当于then’,下面代码运行结果是多少。‘先将代码翻译一下’,‘控制台|微任务’,

2025-03-27 19:42:19 132

原创听说你很懂promise(七)

3.当一个promise吸收一个thenable对象的时候（带有then方法，promise就是thenable)，会在下一个微任务中调用它的then方法’,‘2.await相当于Promise.resolve(**),后面内容相当于then’,‘1.每个then都会返回一个新的promise’,答案:‘aa cc dd 1 bb 2 3 5’,下面代码运行结果是多少。‘先将代码翻译一下’,‘控制台|微任务’,

2025-03-27 19:38:52 142

原创听说你很懂promise(六)

promise中的throw执行后，会被catch捕捉，后续代码不在运行。更多前端面试，微信搜索小城【坤坤前端笔记】，随时刷题。下面代码运行结果是多少。

2025-03-27 19:36:04 95

原创听说你很懂promise(五）

这里的throw 5，是在await 1之后，也就是异步报错，而throw在promise中只能用于同步代码，异步代码无法捕捉报错，’更多前端面试题，可以微信搜索【坤坤前端笔记】，随时刷题。‘D.11 22 报错’下面代码运行结果是多少。‘C.11 报错’,

2025-03-27 19:33:20 123

原创听说你很懂promise(四)

then方法接受的参数是函数，而如果传递的并非是一个函数，它实际上会将其解释为then(null)，这就会导致前一个Promise的结果会传递下面。更多前端面试题，微信搜索小程序【坤坤前端笔记】，随时刷题。下面代码运行结果是多少。

2025-03-27 19:28:15 155

原创听说你很懂promise(三)

当报错的时候，找到最近的catch，后续的then继续执行，但是后续的catch不执行。更多前端面试题，微信搜索小程序【坤坤前端笔记】，随时刷题。下面代码运行结果是多少。

2025-03-27 19:20:13 163

原创听说你很懂promise(二）

更多面试题，微信搜索【坤坤前端笔记】，随时刷题。‘有两条链路，每条链路都会执行。

2025-03-27 19:16:15 148

原创听说你很懂promise(一)

解析：finally内部如果没有报错，则会将上一个promise传递下去，主要return new Error并没有报错，只是返回了一个Error对象。更多前端面试题，可以搜索微信小程序【坤坤前端笔记】，随时随地刷题。

2025-03-26 20:31:15 106

原创 Reflect.get和target[key]有何不同？

当我们读取p1.FullName时，它自身是没有该属性的，也没有指定该属性的getter，它会找到继承自personProxy中，此时会触发get读取target里面的key，此时的target目标对象为person，key为FullName，如果想指定调用者为p1，可以使用第三个参数receiver。更多好玩好玩前端知识，可以搜索【坤坤前端笔记】小程序，让我们换个姿势学前端。主要区别在this指向不同，下面输出张三还是李四?

2025-03-10 20:31:09 201

原创无限递归在微任务宏任务中的区别

第三个在下次微任务调用，方法释放，不会导致栈溢出，因为微任务优先级比绘制任务高，所以阻断绘制任务，一直在执行，导致页面卡死。第二个在下次宏任务调用，方法释放，不会导致栈溢出，因为宏任务优先级比较低，页面可以正常绘制。扫码或关注【坤坤前端笔记】，更多好玩实用前端知识分享。首先第一个好理解，无限递归，导致栈溢出。m1栈溢出,m2正常,m3页面卡死。下面代码会产生什么效果。

2025-03-06 20:51:31 165

原创如何使用sass实现主题切换功能

扫码或关注【坤坤前端笔记】，更多好玩实用前端知识分享。如何使用sass实现主题切换功能。

2025-03-04 20:06:30 173

原创 canvas实现打马赛克效果

一个canvas的打马赛克效果，手动打码。原文地址：添加链接描述

2021-06-23 07:33:19 422 1

原创 canvas中isPointInPath和isPointInStroke

canvas中isPointInPath和isPointInStroke可用于canvas事件处理，找到当前拖动对象。原文地址：canvas中isPointInPath和isPointInStroke

2021-06-23 07:30:06 702

原创 img和iframe的loading=‘lazy‘属性

loading='lazy’可以实现图片的懒加载。原文地址：img和iframe的loading='lazy’属性

2021-06-23 07:27:02 1259

原创 html中details和summary标签

details和summary标签可以用于制作简单的层级结构，嵌套结构。原文地址：html中details和summary标签

2021-06-23 07:25:20 387

原创 html中picture以及img的srcset/sizes实现图片自适应

picture和img的srcset都可用于图片的自适应原文地址：html中picture以及img的srcset/sizes实现图片自适应

2021-06-23 07:23:39 249

原创 border-radius生成器

border-radius生成器可以生成不太常见的形状：原文地址：border-radius生成器

2021-06-23 07:21:09 303

原创 svg头像遮罩生成器

svg头像遮罩生成器能生成很多不规则的形状，可以用于头像的遮罩：使用方式如下：原文地址：svg头像遮罩生成器

2021-06-23 07:19:31 221

原创 svg波浪生成器

svg波浪生成器能生成不规则的波浪形状：生成的图片可以放在页面底部，原文地址：svg波浪生成器

2021-06-23 07:16:59 370

原创 css中animation的steps分步动画

今天看一个stpes制作的分步动画：原文链接：css中animation的steps分步动画

2021-06-15 14:11:57 286

原创 css中animation的steps遇到多帧

css中animation的steps如果遇到多个帧，是每个都进行分割：#rect{ width:76px; height:125px; border:1px solid black; animation:move 1 2s steps(2,start) ;}@keyframes move{ 0%{ background:red; } 50%{ background:blue; } 100%{

2021-06-15 14:10:37 103