前端硬核知识点（二）

promise 有哪些状态？简述 promise.all 的实现原理

• Pending状态（进行中）
• Fulfilled状态（已成功）
• Rejected状态（已失败）

参考链接：https://www.jianshu.com/p/b16e7c9e1f9f

参考链接： https://www.jianshu.com/p/c8af0c130ccb

简述 CORS（跨源域资源共享） 的用途以及基本设置

跨源资源共享 (CORS) （或通俗地译为跨域资源共享）是一种基于[HTTP]头的机制，该机制通过允许服务器标示除了它自己以外的其它[origin]（域，协议和端口），这样浏览器可以访问加载这些资源。

参考地址：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS

参考地址：https://www.cnblogs.com/Cwj-XFH/p/9785337.html

简述 JWT 的原理和校验机制

简述 react 的生命周期以及通信方式

参考：https://blog.youkuaiyun.com/aoshisen/article/details/108679695

简述浏览器的垃圾回收机制

方式1、标记清除（mark-and-sweep），第一阶段从引用根节点开始标记所有被引用的对象，第二阶段遍历整个堆，把未标记的对象清除。大部分浏览器都是这个机制，比如chrome和IE

方式2、引用计数，跟踪记录每个值被引用的次数，声明对象赋值给引用计数+1，这个引用赋值给另一个变量计数再+1，相反就-1，等计数为0回收。当循环引用时，无法回收，于是内存泄漏

MVC 模型和 MVVM 模型的区别

MVC 模式代表 Model-View-Controller（模型-视图-控制器） 模式

1. View 传送指令到 Controller（controller就是处理前端逻辑的）
2. Controller 完成业务逻辑后，要求 Model 改变状态（model就是存储数据的）
3. Model 将新的数据发送到 View，用户得到反馈（就是页面）

MVVM是Model-View-ViewModel的简写

这个模式其实和MVC模式类似，只是ViewModel采用了双向绑定，实现了数据和页面展示的转换。

model到view是通过Object.defineProperty( )来劫持数据；view到model是通过DOM事件监听

双向绑定实现参考：https://www.cnblogs.com/chenhuichao/p/10818396.html

简述强缓存与协商缓存的区别和使用场景

有先后区别，先判断请求是否有强制缓存条件，即有Expires或者cache-control，对应会设置一个时间，这个请求在设置时间内再次加载资源，则命中强制缓存，结束。

没有请求强制缓存条件，判断是否有协商缓存条件，方式一是有ETag和If-None-Match，协商缓存涉及后端交互，Etag是上一次加载资源时，服务器返回的response header，是对该资源的一种唯一标识，只要资源有变化，Etag就会重新生成，浏览器在下一次加载资源向服务器发送请求时，会将上一次返回的Etag值放到request header里的If-None-Match里，服务器接受到If-None-Match的值后，会拿来跟该资源文件的Etag值做比较，相同则命中协商缓存。
方式二是有Last-Modified和If-Modified-Since，Last-Modified是该资源文件最后一次更改时间，服务器会在response header里返回，同时浏览器会将这个值保存起来，请求时将这个值放到request header里的If-Modified-Since里，服务器在接收到后也会做比对，如果相同则命中协商缓存。

注：方式一更准确，若都设置，服务器也优先校验方式一；方式二Last-Modified单位时秒，一秒内有变化无法响应，优点是相对方式一性能好