前端面经（一）

 

 

 

 

面经 2019/11/14      未完待续...

1.浏览器的缓存机制（强缓存和协商缓存）

答：浏览器在加载资源的时候会根据这个资源的一些http header 判断是否命中强缓存 如果命中 那个浏览器将不会去请求服务器，而是直接从缓存中加载这个资源。如果强缓存没有命中 浏览器会发送一个请求到服务器 浏览器依据资源的另一些 http header 验证是否命中协商缓存。 如果未命中，则向服务器发送请求，加载数据。

总结：

根据 http header 判断 ，

先判断是否命中强缓存（数据在缓存中）命中则不请求服务器 直接从缓存返回

强缓存未命中请求服务器进行协商缓存 浏览器根据 其他 http header 验证是否命中协商缓存 命中不会返回数据 而是返回 http header 让客户端自己从缓存中缓存

协商缓存未命中 则请求服务器资源

2. new的过程

3.

4.原型链

什么是原型链：

数组、对象、函数 都有一个proto属性（隐式原型） 属性值是一个对象

5.闭包

（1）可以读取到函数内部的变量

（2）就是让这些变量的值始终保持在内存中。

 

6.数组去重的方法

（1）indexOf 遍历数组的每一个元素 在新数组里的角标是否小于 0 小于则添加 大于继续

（2）set（） 新建一个 Map 把没有的元素的value设置成1

（3）filter （） 过滤器 这个函数自动把每一个元素放进去 通过回调函数判断

（4）用ES6 里的 Set（）

 

7.前端如何优化性能

1.减少http请求次数

2.减少DNS查询次数

3.避免页面跳转

4.缓存Ajax

5.延迟加载

6.提前加载

7.减少DOM元素数量

8.根据域名划分内容

9.减少iframe数量

10.避免404

 

8.get和 post区别

1. get在浏览器回退时是无害的，而post会再次请求

2 .get产生的url地址可以被收藏，而post不会

3. get请求会被浏览器主动缓存，而post不会，除非手动设置

4. get请求只能进行url编码，而post支持多种编码方式

5. get请求参数会被完整保留在浏览历史记录里，而post中的参数不会被保留

6. get 请求在url中传送的参数有长度限制，而post没有

7. 对参数的数据类型，get只接受ascll字符，而post没有限制

8. get比post更安全，因为参数直接暴露在url上，所以不能用来传递敏感信息

9. get参数通过url传递，poet放在request body中

（记不住全部的，重点回答出1，2，5，6，9这几点即可）

get请求能被保留在浏览器历史记录里，post不能，这样get就可以被收藏， 可以被自动缓存，get有长度限制 post没有长度限制 get能拼参数 暴露在浏览器上， 所以get参数是在url上 post在request body上

 

9.http状态码

网址:https://www.cnblogs.com/yzxing/p/9665109.html

1:100(信息类)：表示接收到请求并且继续处理

2:200(响应成功类)：表示动作被成功接收、理解和接受

3:300(重定向类)：为了完成指定的动作，必须接受进一步处理

4:400(客户端错误类)：请求包含错误语法或不能正确执行

5:500(服务端错误类)：服务器不能正确执行一个正确的请求

 

10.对象深拷贝

JSON.parse(JSON.stringify(arr))

用三点 var arr2 = [ ... arr1 ] 两个数组相等 但是不三等 === 即内存地址不相同

11.cookie 和 session 区别：

cookie是保存在本地 有长度限制

session保存在服务器 访问增多 安全性高

 

12.TCP 和 UDP 的区别

TCP 是一个稳定可靠地传输协议， 只能一对一进行传递，UDP 可以一对一 一对多 多对一 多对多

TCP 是面向连接的（像 打电话） UDP 是不需要连接的 （像 送快递）

TCP 面向字节流 UDP 面向报文

TCP提供可靠的服务。也就是说，通过TCP连接传送的数据，无差错,不丢失，不重复，且按序到达;UDP尽最大努力交付，不保证可靠交付

TCP 首部开销 20字节 UDP 8字节

TCP是全双工通道 UDP是不可靠通道

 

13. js里的this是什么？举例每种说明

在一般函数中 指的全局对象

在构造函数中 指的当前函数对象

在对象方法中 指的上级对象