前端面试总结

浏览器跨域问题 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

十五、说下 JSON.stringify 和 JSON.parse 1、JSON.stringify 定义：将一个 JavaScript 对象或值转换为 JSON 字符串。 参数：有三个参数 repl

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

1. 后端返回请求值（最简单） 前端请求接口的时候会把 input 输入框中的值传给后端，此时后端返回接口数据时把前端传入的值返回回去，页面渲染时只需要进行判断即可。 2. 终止上一次请求 3. 定义一个全局 ID，接口请求之前自增，然后请求接口闭包保存此值，返回之后进行两者判…

前端学习思维导图下载地址：github码云

为了突破浏览器对于同一域名并发请求数的限制，http 静态资源采用多个子域名，通常为2～4个。 目的是充分利用现代浏览器的多线程并发下载能力。 域名收敛和域名发散正好相反：就是将静态资源只放在一个域名下面，而非发散情况下的多个域名下。 主要是为了适应移动端的发展需求。 向目标系…

1. 适当大小的图像 提供适当大小的图像，以缩短加载时间。 2. 提供新一代格式的图像 提供JPEG 2000，JPEG XR和WebP这样的图像格式通常比PNG或JPEG更好的压缩率，意味着更快的下载速度和更少的数据消耗。 3. 视频格式替换动图(gif/apng) 大的GI…

然后各种答案都有，报错、不输出、原样输出等。 JSON.stringify()不是只有一个参数，它最多可以有三个参数，只是一般后面两个用不到所以，大家都下意识的忽略。 1. value 2. replacer [可选] 3. space [可选] 转换值如果有 toJSON()…

JS深度优先遍历和广度优先遍历深度优先遍历（DFS）DepthFirstSearch递归实现深度遍历通过递归实现深度优先遍历非递归实现广度优先遍历（BFS）BreadthFirstSearchJS实现

相信大家都用过CSS预处理，比如，less、scss(sass)。不可避免的会用到变量。 variableName表示自定义变量名，variableValue表示属性值。 以“--”双横杠开头，后面可以是数字[0-9]、字母[a-zA-Z]、下划线_和短横线-这些组合，甚至是中…

1. JSONP原理 利用 <script> 标签没有跨域限制的漏洞，网页可以得到从其他来源动态产生的 JSON 数据。JSONP请求一定需要对方的服务器做支持才可以。 2. JSONP和AJAX对比 JSONP和AJAX相同，都是客户端向服务器端发送请求，从服务器端…

Fetch 提供了对 Request 和 Response 对象的通用定义。使之今后可以被使用到更多地应用场景中：无论是 service worker、Cache API、又或者是其他处理请求和响应的方式，甚至是任何一种需要你自己在程序中生成响应的方式。 它同时还为有关联性的概…

子类型的原型为父类型的一个实例对象。 子类可以通过 .__proto__ 来访问到父类的方法和属性，也可以通过 .__proto__.__proto__ 来访问父类的prototype属性。 子类继承父类的方法和属性，是将父类的私有属性和公有方法都作为自己的公有属性和方法；修改…

如果flex的属性值只有一个值，则： 如果是数值，例如flex: 1，则这个1表示flex-grow，此时flex-shrink和flex-basis都使用默认值，分别是1和auto。 如果是长度值，例如flex: 100px，则这个100px显然指flex-basis，因为3…