前端面试

Webpack 是一个模块打包工具，它可以分析项目的依赖关系，将这些依赖转换和打包为合适的格式以供浏览器使用。 基本原理 简单介绍一下webpack，我们直接来看看webpack打包后的文件是什么样？

这道题目大家应该都很熟悉了，一般会用来考察js执行机制，闭包，块级作用域等知识点，以前觉得这道题目单纯就是八股文，没想到在现实中的开发中，可以用来解决需求。先带大家回顾一下这道题目，后面会说到真实场景

之前在工作和面试中都遇到这个问题，就是文字太多的时候，文本超行，所以产品希望就是当文字超出一行的时候缩小字号，缩小完要是还是超出一行，再缩小，直到文字大小低于多少字号（最小字号值可配）则省略号显示。

前端面试经常会被问到的this指向相关问题，比如 js怎么改变this指向？ call/apply/bind的区别？ 手写call/apply/bind方法 要回答上面的这些问题，只需要搞懂其方法内部

js继承 1. 原型链继承 其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。 构造函数、原型和实例之间的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实

跨域 跨域：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。 同源策略（Sameoriginpolicy） 是一种约定，它是浏览器最核心

promise 一个 Promise 必然处于以下几种状态之一： 等待（pending） : 初始状态，既没有被兑现，也没有被拒绝。 成功（fulfilled） : 意味着操作成功完成。 失败（rej

浏览器缓存（Browser Caching）是为了节约网络的资源加速浏览，浏览器在用户磁盘上对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁盘显示文档，这样就可以加速页面的

箭头函数不绑定this 答案输出是1 为什么呢？ 因为箭头函数this指向等于定义时上层作用域中的this，所以是指向最外层window 再看一个例子 为什么他们输出结果会不一致呢？ 不是说箭头函数不