前端高频面试问题_前端高频面试题-CSDN博客

axios实现了对ajax的封装：axios是通过Promise实现对ajax技术的一种封装，就像jquery对ajax的封装一样，简单来说就是ajax技术实现了局部数据的刷新，axios实现了对ajax的封装，axios有的ajax都有，ajax有的axios不一定有，总结一句话就是axios是ajax，ajax不止axios。

axios 和 fetch 的区别

-------分割线-------

node.js

是什么
 node.js简称node…

vue.js

vue和vue.js是一样的.vue 是 vue.JS 的简称…

nodejs与vuejs区别

-------分割线-------

浏览器输入url到显示的全过程

参考1
参考2：

在浏览器中输入url
浏览器查找域名的IP地址
①查找浏览器缓存
②查找系统缓存
③查找路由器缓存
④递归查询（DHPC协议）
⑤迭代查询
浏览器与目标服务器建立TCP连接（三次握手）
浏览器给web服务器发送一个HTTP请求
Cookies如果是首次访问，会提示服务器建立用户缓存信息，如果不是，可以利用Cookies对应键值，找到相应缓存，缓存里面存放着用户名，密码和一些用户设置项
某些服务器会做永久重定向响应
重定向的作用：负载均衡或导入流量，提高SEO排名
由于baidu.com，www.baidu.com会被搜索引擎认为是两个网站，造成每个的连接数都会减少从而降低排名，永久重定向会将两个地址关联起来，搜索引擎会认为是同一个网站，从而提高排名
浏览器跟踪重定向地址，重新发送http请求
服务器处理请求
服务器发出一个HTML响应
释放TCP连接（四次挥手）
浏览器显示页面
浏览器发送获取嵌入在HTML中的其他内容

HTTP缓存策略（浏览器缓存：强缓存和协商缓存）

强缓存和协商缓存都是针对静态文件资源的参考
强缓存： 让浏览器强制缓存服务端提供的资源
协商缓存： 在缓存过期的情况下，客户端和服务端协商，确认客户端是否需要更新
共同点：都是从客户端缓存中读取资源
区别：
①触发的先后顺序不同（强制缓存在前，协商缓存在后）
②强制缓存不访问服务器，协商缓存需要访问服务器参考

expires（绝对时间）与cache-control（相对时间）：
当 expires和 cache-control都存在， cache-control优先级高

三种浏览器的刷新操作对缓存的影响：
①正常操作：地址栏输入URL，跳转链接，前进或后退/手动点击浏览器的刷新按钮
——>强缓存和协商缓存均有效
②手动刷新：F5，点击刷新/点击菜单刷新
——>强制缓存失效，协商缓存有效
③强制刷新：Ctrl+F5
——>强制缓存和协商缓存均无效

三次握手（建立TCP连接）和四次挥手（终止TCP连接）

参考
 详细版
在看四次挥手的时候，我突然有个问题：什么情况下，服务端会主动发出关闭连接？参考
 服务端主动关闭，客户端继续写，会发生什么？

HTML的整个文件的加载过程

一个完整html的加载执行过程
 DOM树、CSS树、渲染树、BOM树

-------分割线-------

js中为数组定义的5个迭代的方法

map，forEach，filter，some，every的使用及区别
map()： 返回一个新数组，不改变原数组，不会对空数组进行检测，每个元素的值为true/false
forEach()： 遍历循环数组的每一项，让每一项执行相应的操作，不返回结果
eg:计算数组所有元素相加的和，数组中每个元素乘以某个数
filter()： 创建一个新数组，其元素是符合条件的元素
some()： 有一个元素满足条件就返回true
every()： 所有元素满足条件就返回true

深拷贝与浅拷贝

JavaScript深拷贝与浅拷贝

事件循环机制

b站视频👉Philip Roberts：到底什么是Event Loop呢？（JSConf EU 2014）
视频内容包括👇
js是单线程的，这意味着它只有一个调用栈，同一时刻只能做一件事。调用栈是一个数据结构，用于记录我们当前处在程序运行的哪个位置，如果调用了函数，就让它进栈，如果栈顶函数返回结果，就让它出栈。同步代码的执行会阻塞调用栈。
JavaScript运行时在同一时刻只能做一件事，它不能在发出Ajax请求的同时去运行其他代码，也不能在设置定时器的时候去运行其他代码。我们之所以可以并发执行任务，是因为浏览器不止提供了运行时环境，还提供了WebApi，它们可以对应地创建一些线程，但你不能直接访问，只能通过某种方式进行调用。
此时任务队列出现了
事件循环做的事情很简单，就是查看栈和任务队列。栈空，就把队头任务压入栈中执行。
调用栈尚未清空时，是无法进行重绘的。渲染的优先级高于回调。一旦渲染被阻塞，就意味着我们不能选中文本、不能进行点击、不能得到响应。
👉Philip Roberts博客

2分钟了解 JavaScript Event Loop

深入事件环(In The Loop)Jake Archibald@JSconf 2018，这个视频讲到了requestanimationframe

从async/await面试题看宏观任务和微观任务
简书-什么是event loop
博客-什么是 EventLoop ？