前端面试题

在前端实现性能 sdk，要求采集首屏性能、完全加载、tti、白屏、卡顿、接口请求耗时等技术指标。 以下是一个前端性能 SDK 的实现方案，包含主要指标的采集逻辑和代码示例： 1. 首屏性能 (Firs

在前端开发中，页面请求接口大规模并发可能会导致浏览器性能下降、服务器压力过大、接口响应超时等问题。以下是一些常见的解决方法： 1. 限制并发请求数量 通过自定义请求队列，控制同时发起的请求数量，避免过

在前端开发中，保证用户的使用体验是至关重要的，它能提高用户对产品的满意度和忠诚度。可以从性能优化、界面设计、交互设计、兼容性处理、响应式设计、无障碍设计等多个方面来实现，以下是详细介绍： 性能优化 压

要实现使用同一个链接，PC 打开是 Web 应用、手机打开是 H5 应用，可以通过以下几种常见的方法： 方法一：基于客户端检测的服务端渲染 在服务端根据请求设备的信息来判断是 PC 还是手机，然后返回

在 JavaScript 中，Number 类型有一个最大值 Number.MAX_SAFE_INTEGER（值为 9007199254740991），当处理超过这个值的数时，会出现精度丢失的问题。

当QPS达到峰值时，前端可以从多个方面进行处理，以保证系统的稳定性、响应速度和用户体验。以下是一些常见的处理策略：

在前端实现截图功能，有多种不同的场景和方法。 1. 使用 html2canvas 库截取网页指定区域 2.使用浏览器的 MediaRecorder API 截取屏幕

省流， https 传输的内容通过 ssl 证书加密，相对安全。采用对称加密算法，优点是快，https请求首次有ssl 证书下载的过程。 HTTPS流程 HTTPS（全称为 HyperText Tra

React 生命周期 commpoentWillUnMount() 对应的 hooks 要怎么写 难度: 中等 公司: 字节 标签: React React 生命周期 componentWillUnm

setState 函数做了哪些事情 难度: 中等 公司: 字节 标签: React 省流，setState 函数是异步的，调用它不会立即更新状态，React 会将新的状态与旧的状态进行浅合并，状态更新

在 React 类组件中，为什么修改状态要使用 setState 而不是用 this.state.xxx = xxx 难度: 中等 公司: 字节 标签: React 在React类组件中，状态（sta

事件流 难度: 中等 公司: 字节 标签: JS 事件 事件流 在JavaScript中，事件流描述了事件从触发到被处理的整个过程。它主要分为三个阶段：事件捕获阶段、处于目标阶段和事件冒泡阶段。 1.

0.1 + 0.2 === 0.3问题 难度: 中等 公司: 字节 标签: JS JS 浮点数 详细回答 在JavaScript中，0.1 + 0.2 === 0.3 这个表达式的结果实际上是 fal

前端路由实现原理 难度: 中等 公司: 华为 标签: 综合技能 路由 前端框架 前端路由实现原理 前端路由是指在不重新加载页面的情况下，通过改变浏览器的URL来切换页面内容的技术。这种技术使得单页面应

v-model使用 难度: 中等 公司: 字节 标签: Vue Vue v-model v-model使用 v-model 是 Vue.js 中的一个指令，用于在表单输入和应用状态之间创建双向数据绑定

浏览器渲染过程 难度: 中等 公司: 百度 拼多多 华为 平安 咪咕视频 哈啰出行 谷歌 京东 标签: 综合技能 渲染 浏览器 浏览器渲染过程是前端开发中一个非常重要的概念，它涉及到从获取HTML文档

React key 是干嘛用的 为什么要加？key 主要是解决哪一类问题的 难度: 困难 公司: 滴滴 标签: React React key 的用途 在React中，key属性用于帮助React识别

CDN 有哪些优化静态资源加载速度的机制 难度: 困难 公司: 字节 标签: 网络 CDN CDN（内容分发网络）是一种通过互联网互相连接的计算机网络，用于将内容分发到距离用户更近的服务器上，从而提高

都了解哪些 ES6、ES7 的新特性，箭头函数可以被 new 吗 难度: 简单 公司: 喜马拉雅 标签: JS ES6、ES7 新特性 ES6（ECMAScript 2015）和ES7（ECMAScr

ES6继承和ES5继承 难度: 中等 公司: 阿里 标签: JS 继承 ES6继承和ES5继承 1. ES5继承 在ES5中，继承通常是通过构造函数和原型链来实现的。基本步骤如下： 创建子类的构造函数