前端面试总结

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

PM PM( Project Manager ) PM( Product Manager ) 一、什么情况下需要前端担任 PM？ 在我之前遇到的项目中，大多数项目的 PM 是由后端/产品经理担任，但也

金三银四-帮你改简历：助你有份好工作 一、简历模块 我一般把简历模块划分为七项： 简历头部 个人资料 求职意向 工作经验 项目经验 个人优势 自我评价 1、简历头部 如： 2、个人资料 如： 姓名、性

一、需求 可能会有这种需求：当文本包含后缀名的时候，产品要求当超出长度时，展示后缀名和前面部分，中间出现省略号 二、解决思路 可以在当前模块中新建两个 dom 元素，prev 与 next，使用字符串

Node 程序远程调试 一、远程服务器 Node 操作 1、远程服务器 Node Js 代码 2、通过 --inspect-brk=[host:port] 运行 Node Js 程序 1. 在远程服务

一、什么是编译型语言？什么是解释型语言？JS 是什么类型的语言？ 1、编译型语言 1. 解释 程序在执行之前需要一个专门的编译过程，把程序编译成 为机器语言的文件，运行时不需要重新翻译，直接使用编译的

一、什么是编译型语言？什么是解释型语言？JS 是什么类型的语言？ 1、编译型语言 1. 解释 程序在执行之前需要一个专门的编译过程，把程序编译成 为机器语言的文件，运行时不需要重新翻译，直接使用编译的

Web Worker 1、什么是 web worker？有哪些好处？有哪些问题？ Web Worker 就是为 JavaScript 创造多线程环境，允许主线程创建 Worker 线程，将一些任务分配

标签中 dns-prefetch、prefetch、preload、defer、async 的区别 1、dns-prefetch 域名转化为 ip 是一个比较耗时的过程，dns-prefetch 能让

rem 1、定义 rem（font size of the root element）是指相对于根元素的字体大小的单位。 1rem 等于根元素 htm 的 font-size，即只需要设置根元素的 f

Map、WeakMap 和 Set、WeakSet 1、什么是弱引用 弱引用是指不能确保其引用的对象不会被垃圾回收器回收的引用，换句话说就是可能在任意时间被回收。 弱引用随时都会消失，遍历机制无法保证

JavaScript 中你需要知道的有关于数组的详细知识点 1、ES6 新增数组方法 Array.from()、Array.of()、copyWithin()、find()、findIndex()、f

JavaScript 中 你需要知道的 Promise 详细知识点 1、如何实现一个 sleep 函数(延迟函数) 通过 promise 和 setTimeout 来简单实现 2、promise 构造

XSS 攻击和 CSRF 攻击 1、XSS 攻击 1. 概念 XSS（Cross Site Scripting）：跨域脚本攻击。 2. 原理 不需要你做任何的登录认证，它会通过合法的操作（比如在 ur

函数&自执行函数&函数类型 1、自执行函数特点 函数表达式与函数声明不同，函数名只在该函数内部有效，并且此绑定是常量绑定。 对于一个常量进行赋值，在 strict 模式下会报错，非 strict 模式