前端面试每日一题

浏览器执行情况： 宏任务 --> 微任务 --> requestAnimationFrame --> 渲染 --> requestIdleCallback --> 下一个宏任务 --> ..... r

结论：正常情况下是无法终止的 forEach 的实现原理如下： 所以正常情况下是无法终止 forEach 的 特殊处理可实现终止 1、抛出错误：try...catch + throw 2、数组长度置为

在 React 的 Hooks 里面，通过 useState 可以创建一个 setState 函数。 调用它后，最终会触发页面的更新。 具体更新流程为： 调用 useState 的 setState

首先 Promise.finally 的作用是：无论 Promise 的状态成功与否，都会进入 finally 中 手写 Promise.finally：

问题：简述输出以下代码的执行结果并解释为什么 ？var a = { n: 1 }; var b = a; a.x = a = { n: 2 }; console.log(a.x) console.l

flex 核心是：一维布局 父元素设置 display：flex；可实现子元素的弹性布局 父元素称为‘容器’，子元素称为‘项目’ ‘容器’有两根轴：x、y，默认沿着 x 轴排列 ‘容器’常用属性设置：

兼容点：谷歌浏览器、IE 浏览器 使用方式： 代码实现：就是在里面写不同浏览器支持的 API 而已// 绑定事件： eventModel.addEventListener(ele, 'click',

屏幕相关 浏览器相关 网页相关 元素相关 举个🌰 对应的值为： 快速获取这些值： 实际场景 1、判断元素是否在可视区域内

前置知识：14、原型与原型链 - 掘金 继承：子可以访问父的属性/方法 普通继承 原理：将父实例赋值到子构造函数的原型上 优点：没啥优点，最基本的继承而已 缺点：父类是共享的；父类实例创建没法传参 经

前置知识：15、new 干了什么事情？ - 掘金 由于new是关键词，所以我们手写时将其绑到Function.prototype上，方便使用

手写代码的思路为：先从使用开始进行分析。 Promise 的基本使用： 根据基本使用，再写出注释： 上述展示了最基本的使用的实现，但是该实现与源码差的很远，只是让大家入个门，还要考虑各种边界与能力。

参考资料：13、事件循环是什么？ - 掘金async function async1() { console.log('async1 start') await async2() cons

它们的作用都是改变 this 指向 call：fn.call(obj, args1, args2, args3...) 那对应的 apply，只需要更改下函数定义参数的写法 fn.apply(obj,

```ts function Person(name,age){ this.name = name; this.age = age; } var person1 = new Person("张三",1

数据操作： fill：填充数据，改变原数组 unshift：从首部添加数据，返回数组长度，改变原数组 shift：从首部删除数据，返回被删除项，改变原数组 push：从末尾添加数据，返回数组长度，改变

写法上： computed：vue2 为有返回值的函数，vue3 引入函数调用并返回值 methods：vue2 为对象，vue3 直接写 功能上： computed：当内部的响应值发生变化时它会执行

rem：root em 设置 em 后，将以父级的 font-size 为基准，等比例渲染：1em = 父 fs 举例： rem 的区别为父元素固定为 root 节点，即 html 元素。 所以可以通