前端面试

```js function sleep(delay) { return new Promise((resolve) => { setTimeout(() => { resolve(); }, del

简易版请求进度条简易版请求进度条简易版请求进度条简易版请求进度条简易版请求进度条简易版请求进度条简易版请求进度条

1. 手写call 使用示例 2.手写apply 使用示例 3.手写bind 普通示例ffffffff

实例对象没有 prototype 属性，只有函数才有 prototype 属性。 实例对象上有的是 __proto__ ，指向其构造函数的 prototype。 详细解释 1. 函数对象 函数在 Ja

4. 手写一个简化版 new 1. 为什么不是直接 return result？ 在 构造函数调用规则 里有一条： 如果构造函数 显式返回一个对象（引用类型），那么这个对象会作为 new 表达式的结果

🔄 ref 与 reactive 的对比 为了更清晰地理解 ref的定位，可以将其与 reactive进行简单对比： 特性 ref reactive ​​目标数据类型​​ ​​基础类型​​和对象类型

HTML5 History API：解决AJAX应用的历史记录问题 内容概述 一、背景：AJAX应用的历史记录难题 传统的AJAX技术能在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容，

1. 节流（稀释操作） 规定在⼀个周期内，事件最多触发⼀次。如果事件在周期内再次触发，则忽略。 作用 在事件持续触发时，保证固定时间间隔内只执行一次。 常见场景： 滚动事件（scroll）、按钮点击防

浏览器缓存目的 提升网页加载速度 减少服务器压力 节省网络带宽 方式 1.两个HTTP响应头控制 Cache-Control Expires

hash 简单流程​​：修改 location.hash→ 触发 hashchange事件 → Vue Router 匹配路由 → 更新视图 history 简单流程​​：调用 history.pus

1. 响应头设置 cache-control 设置 max-age 2.响应头 expires 设置缓存过期时间，在过期时间之前重复请求，无需访问服务器 3.Etag 客户端 请求头中携带 If-No

1. 语法 ​​obj​​：要定义或修改属性的目标对象。 ​​prop​​：要定义或修改的属性名称（String 或 Symbol）。 ​​descriptor​​：属性描述符对象，用于控制属性的行为

1. 原型链继承 核心：让子类的原型指向父类的实例。 问题出在哪？ 关键是 调用 new Child() 时，并没有再执行 Parent 构造函数。 Parent("Tom") 只在 设置原型链的时候

1.setTimeout的延迟是不确定的 delay 参数指定的是将回调函数添加到消息队列的最小延迟时间 如果主线程繁忙，实际延迟大于等于dalay 2.setInterval可能导致任务堆积 直观比

useRef useEffect useCallback结合实现一个任意描述的倒计时，含有暂停，开始方法

核心点：保持promise是连续的，每次promise 返回的是一个新的promise 实际应用场景，发送请求 reduce 版本 实际使用案例

用Object.create()来实现继承 首先了解下这个方法 Object.create() 是什么？ Object.create(A, propertiesObject) 用来创建一个新对象，并且

创建一个状态管理钩子 在组件（如HomePage）中使用 子组件示例 - Header 首页状态管理