前端面试

说一说你对闭包的理解？ 要点： 变量背包、作用域链、局部变量不销毁、函数体外访问函数的内部变量、内存泄漏、内存溢出、形成块级作用域、柯里化、构造函数中定义特权方法、Vue中数据响应式Observer

说一说CSS尺寸设置的单位 要点： px、rem、em、vw、vh 答： px： pixel像素的缩写，绝对长度单位，它的大小取决于屏幕的分辨率，是开发网页中常常使用的单位。 em： 相对长度单位，在

说一说数组去重都有哪些方法？ 要点： 对象属性、new Set() 、indexOf、hasOwnProperty、reduce+includes、filter 答： 第一种方法： 利用对象属性key

说几个未知宽高元素水平垂直居中方法 要点： position transform flex justify-content align-items vertical-align text-align

说一说三栏布局的实现方案 要点： 圣杯布局、双飞翼布局、三栏高度不定、中间栏内容多先渲染 答： 三栏布局，要求左右两边盒子宽度固定，中间盒子宽度自适应，盒子的高度都是随内容撑高的，一般都是中间盒子内容

说一说创建ajax过程？ 要点： new XMLHttpRequest()、设置请求参数open()、发送请求request.send()、响应request.onreadystatechange 答

说一说前端性能优化手段？ 要点： 图片压缩和文件压缩、雪碧图/精灵图、节流防抖、HTTP缓存、本地缓存、Vue的keep-alive缓存、ssr服务器端渲染、懒加载、对dom查询进行缓存、将dom操作

1. 判断一个变量是数组还是对象 调用原型链的toString方法 2. JS如何实现继承？ 3. typeof运算符和instanceof运算符以及isPrototypeOf()方法的区别 type

说一说JavaScript有几种方法判断变量的类型？ 要点： typeof、instanceof、Object.prototype.toString.call()（对象原型链判断方法）、 constr

ArrayList 底层实现就是数组，且ArrayList实现了RandomAccess，表示它能快速随机访问存储的元素，通过下标 index 访问，只是我们需要用 get() 方法的形式， 数组支持

说一说JS数据类型有哪些,区别是什么？ 要点： 8种：Number、String、Boolean、BigInt、Symbol、Null、Undefined、Object 答： JS数据类型分为两类：

说一说样式优先级的规则是什么？ 要点： !important、行内样式、嵌入样式、外链样式、id选择器、类选择器、标签选择器、复合选择器、通配符、继承样式 答： CSS样式的优先级应该分成四大类： 第

说一说promise是什么及其使用方法？ 要点： pendding、rejected、resolved、微任务、then、catch、Promise.resolve()、Promise.reject(

说一说es6中箭头函数？ 要点： 没有this、this是从外部获取、不能使用new、没有arguments、没有原型和super 答： 箭头函数相当于匿名函数，简化了函数定义。箭头函数有两种写法，当

说一说 vue 的 keep-alive ？ 要点： 缓存组件、条件缓存、路由配合条件缓存、不重新加载、activated、deactivated 答： <keep-alive>作用：缓存组件，提升性

说一说defer和async区别？ 要点： 加载JS文档和渲染文档可以同时进行、JS代码立即执行、JS代码不立即执行、渲染引擎和JS引擎互斥 答： 浏览器会立即加载JS文件并执行指定的脚本，“立即”指

说一说Vue2.0 双向绑定的原理与缺陷？ 要点： Object.defineProperty、getter、setter 答： vue的双向绑定是采用数据劫持结合发布者订阅者模式的方式来实现响应式，

说一说 HashRouter 和 HistoryRouter的区别和原理？ 要点： window.onhashchange history.pushState window.onpopstate 答：

说一说js继承的方法和优缺点？ 要点： 原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承、ES6 Class 答： 一、原型链继承 缺点： 1.引用类型的属性被所有实例共

说一说new会发生什么？ 要点： 创建空对象、为对象添加属性、把新对象当作this的上下文、箭头函数不能作为构造函数 答： new 关键字会进行如下的操作： new关键字后面的构造函数不能是箭头函数。