2021.05.14 前端面试分享

1. Vue和jQuery的区别

• jQuery是使用选择器（$）选取DOM对象，对其进行赋值、取值、事件绑定等操作，其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象
• Vue对象将数据和View完全分离开来了。对数据进行操作不再需要引用相应的DOM对象，可以说数据和View是分离的，他们通过Vue对象这个vm实现相互的绑定。

2. 闭包的理解，闭包的缺点

• 闭包（closure）指有权访问另一个函数作用域中变量的函数
• 常驻内存，增加内存使用量；使用不当造成内存泄漏

3. 接着问到：什么是内存泄漏

• 有些对象在垃圾回收时清理不掉，典型的就是闭包 会造成内存泄漏

4. 又问到：怎么识别内存泄漏，垃圾回收机制是怎样的

• 新版本的chrome在 performance 中查看：1.打开开发者工具 Performance 2.勾选 Screenshots 和 memory 3.左上角小圆点开始录制(record) 4.停止录制
• 垃圾回收有两种方法：标记清除、引用计数。
• 关于内存泄漏以及垃圾回收机制请查看JavaScript中的垃圾回收和内存泄漏

5. CSS问到：怎样居中

对于常见到的问题我就不写答案了，后面也是一样

6. 函数作用域、块级作用域、作用域链、try catch中有块级作用域吗

• catch创建的块作用域，只对catch的参数有效。try catch局部作用域的问题

7. this 箭头函数的this

8. 检测数据类型的方法以及区别 数组方法

js检测数据类型的方法及优缺点

9. 原型链 ES5的继承与ES6的区别

• 原型链实现继承的一种方式，查找实例对象的某个属性时，会先从自身上查找，如果找不到，会在该实例对象的原型上找，如果还找不到，就会继续在原型的原型上找，直到最顶层，这个查找的过程就是原型链。
• ES5 的继承，实质是先创造子类的实例对象this，然后再将父类的方法添加到this上面（Parent.apply(this)）。ES6 的继承机制完全不同，实质是先将父类实例对象的属性和方法，加到this上面（所以必须先调用super方法），然后再用子类的构造函数修改this。

10. for in 无法遍历对象属性的原因

• for in遍历对象的每一个可枚举属性,包括原型链上面的可枚举属性(js基本包装类型的原型属性是不能被遍历因为是不可枚举的)。

11. 模块化

js模块化开发的理解

12. 浏览器的强缓存和协商缓存

• 强缓存是根据返回头中的 Expires 或者 Cache-Control 两个字段来控制的，都是表示资源的缓存有效时间。
• 协商缓存是由服务器来确定缓存资源是否可用。 主要涉及到两对属性字段，都是成对出现的，即第一次请求的响应头带上某个字, Last-Modified 或者 Etag，则后续请求则会带上对应的请求字段 If-Modified-Since或者 If-None-Match，若响应头没有 Last-Modified 或者 Etag 字段，则请求头也不会有对应的字段。

13. 说说排序算法及其时间复杂度和空间复杂度、合并两个有序数组

哎！凉。。。

以上是我通过回忆想起的大概题目