前端面试总结

金三银四-帮你改简历：助你有份好工作 一、简历模块 我一般把简历模块划分为七项： 简历头部 个人资料 求职意向 工作经验 项目经验 个人优势 自我评价 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 模式

浏览器跨域问题 1、什么是浏览器同源策略？ 同源策略是一个重要的安全策略，它用于限制一个 origin 的文档或者它加载的脚本如何能与另一个源的资源进行交互，它能帮助阻隔恶意文档，减少可能被攻击的媒介

cookie、sessionStorage 和localStorage 1、三者区别 cookie 用来保存登录信息，大小限制为 4KB 左右 localStorage 是 Html5 新增的，用于本

==、=== 和 Object.is() 1、区别 == 两边值类型不同的时候，先进行类型转换，在比较 === 不进行类型转换，直接值比较 Object.is(val1, val2) 判断两个值是否为

JS 中的 let、const、var 1、JS 中有几种定义变量的方法？ let const var class import function 2、let、const、var 有什么区别？ var

null 和 undefined 的区别 1、Null null 表示一个"无"的对象，转为数值为 0； 作为函数的参数，表示该函数的参数不是对象； 作为对象原型链的终点； Number(null)

JS 模块化 1、模块化发展历程 IIFE 自执行函数 AMD 使用 requireJS 来编写模块化（依赖必须提前声明好。） CMD 使用 seaJS 来编写模块化（支持动态引入依赖文件。） Com

三十、什么是原型、原型链？ 原型：JS 声明构造函数(用来实例化对象的函数)时，会在内存中创建一个对应的对象，这个对象就是原函数的原型。 构造函数默认有一个 prototype 属性，prototyp