前端面试总结

Web 网页性能及性能优化 一、Web 性能 Web 性能是 Web 开发的一个重要方面，侧重于网页加载速度以及对用户输入的响应速度 通过优化网站来改善性能，可以在为用户提供更好的体验 网页性能既广泛

Web 页面性能衡量指标-以用户为中心的性能指标 以用户为中心的性能指标是理解和改进站点体验的关键点 一、以用户为中心的性能指标 1. 指标是用来干啥的？ 指标是用来衡量性能和用户体验的 2. 指标类

JS Navigator.sendBeacon 可靠的、异步地向服务器发送数据 前言 我们在上一篇页面访问&页面关闭数据上报的文章中使用了 sendBeacon 方法用来发送数据，上篇文章是简单使用，

JS 监听用户页面访问&页面关闭操作并进行数据上报 前言 最近在做安全方面的项目，有个需求是在用户访问页面和关闭页面的时候，发送对应的数据。 刚拿到需求的时候，觉得没啥东西，init 的时候发送一次，

JS 鼠标框选（页面选择）时返回对应的 HTML 或文案内容 一、需求背景 1、项目需求 当用户进行鼠标框选选择了页面上的内容时，把选择的内容进行上报。 2、需求解析 虽然这需求就一句话的事，但是很显

ECMAScript 2024 新特性 ECMAScript 2024，第 15 版，添加了用于调整 ArrayBuffer 和 SharedArrayBuffer 大小和传输的功能； 添加了一个新的

一、CRXJS 一、什么是 CRXJS？ CRXJS Vite Plugin 是一款使用现代 Web 开发技术制作 Chrome 扩展的工具 二、CRXJS 的作用 CRXJS 支持热加载和静态资源导

使用 React、TypeScript、Vite、Ant Design、Less、Zustand 开发 Chrome V3 插件 一、使用 Vite 创建 React 项目 选择 React 和 TS

使用 Vite 开发 Chrome 插件时，构建多页面以及多 js 文件 开发 Chrome 插件是，一般会需要一个 popup html 页面，有时候还会需要一个 content html 页面，但

Chrome.cookie 前端开发肯定少不了和 cookie 打交道，此文较详细的介绍下 chrome.cookie 的 API 以及在 popup、service worker、content 中

Chrome 插件 一、什么是 Chrome 浏览器插件？ Chrome 浏览器插件可通过自定义界面、观察浏览器事件和修改网络来提升浏览体验。 二、Chrome 浏览器插件是如何构建的？ 使用 Web

chrome.scripting 一、所需权限 scripting 二、Manifest 配置 使用 chrome.scripting API，需要在 manifest.json 中声明 script

两万加字符数：Chrome 浏览器插件 V3 版本 Manifest.json 文件全字段图文解析。

Chrome 浏览器插件 Manifest.json V3 中 permissions 字段解析，包含主机权限以及类型、方法、事件

Chrome 插件匹配模式（Match patterns）规则： 匹配模式是采用以下结构的网址，用于指定一组网址： <scheme>://<host>/<path>

Chrome 插件 V3 版本 Manifest.json 中的内容脚本（Content Scripts）解析

Chrome 浏览器插件 V3 版本 Manifest.json 中 Commands API 字段解析以及对应的 Types、Methods 和 Events

Chrome 浏览器插件 manifest V3 版本新增的 Service Worker 字段，详细介绍了 Service Worker 以及解析

Chrome 浏览器插件从 manifest V2 升级到 V3 所需要修改的知识点，涉及 V3 时间线以及众多的 V3 修改点

Chrome 浏览器插件 Manifest.json 文件中 Action 字段解析，涉及 action 的 types、methods、events