整理了我在看面经时看到的比较多的问题
本人之前博客:Ajax与跨域问题
感觉这篇写的很好:ajax实现过程
本人之前博客:Promise从入门到精通
关于回调地狱
回调地狱
promise与ajax的区别
本人之前博客:axios从入门到源码分析
axios是什么
定义:Axios是一个基于promise 的 HTTP 库,可以用在浏览器和 node.js中。
原理:axios本质上也是对原生XHR的封装,只不过它是Promise的实现版本,符合最新的ES规范。
主要特点:
axios实现了对ajax的封装:axios是通过Promise实现对ajax技术的一种封装,就像jquery对ajax的封装一样,简单来说就是ajax技术实现了局部数据的刷新,axios实现了对ajax的封装,axios有的ajax都有,ajax有的axios不一定有,总结一句话就是axios是ajax,ajax不止axios。
vue和vue.js是一样的.vue 是 vue.JS 的简称…
在浏览器中输入url
浏览器查找域名的IP地址
①查找浏览器缓存
②查找系统缓存
③查找路由器缓存
④递归查询(DHPC协议)
⑤迭代查询
浏览器与目标服务器建立TCP连接(三次握手)
浏览器给web服务器发送一个HTTP请求
Cookies如果是首次访问,会提示服务器建立用户缓存信息,如果不是,可以利用Cookies对应键值,找到相应缓存,缓存里面存放着用户名,密码和一些用户设置项
某些服务器会做永久重定向响应
重定向的作用:负载均衡或导入流量,提高SEO排名
由于baidu.com,www.baidu.com会被搜索引擎认为是两个网站,造成每个的连接数都会减少从而降低排名,永久重定向会将两个地址关联起来,搜索引擎会认为是同一个网站,从而提高排名
浏览器跟踪重定向地址,重新发送http请求
服务器处理请求
服务器发出一个HTML响应
释放TCP连接(四次挥手)
浏览器显示页面
浏览器发送获取嵌入在HTML中的其他内容
强缓存和协商缓存都是针对静态文件资源的 参考
强缓存: 让浏览器强制缓存服务端提供的资源
协商缓存: 在缓存过期的情况下,客户端和服务端协商,确认客户端是否需要更新
共同点:都是从客户端缓存中读取资源
区别:
①触发的先后顺序不同(强制缓存在前,协商缓存在后)
②强制缓存不访问服务器,协商缓存需要访问服务器 参考
expires(绝对时间)与cache-control(相对时间):
当 expires和 cache-control都存在, cache-control优先级高
三种浏览器的刷新操作对缓存的影响:
①正常操作:地址栏输入URL,跳转链接,前进或后退/手动点击浏览器的刷新按钮
——>强缓存和协商缓存均有效
②手动刷新:F5,点击刷新/点击菜单刷新
——>强制缓存失效,协商缓存有效
③强制刷新:Ctrl+F5
——>强制缓存和协商缓存均无效
参考
详细版
在看四次挥手的时候,我突然有个问题:什么情况下,服务端会主动发出关闭连接?参考
服务端主动关闭,客户端继续写,会发生什么?
一个完整html的加载执行过程
DOM树、CSS树、渲染树、BOM树
map,forEach,filter,some,every的使用及区别
map(): 返回一个新数组,不改变原数组,不会对空数组进行检测,每个元素的值为true/false
forEach(): 遍历循环数组的每一项,让每一项执行相应的操作,不返回结果
eg:计算数组所有元素相加的和,数组中每个元素乘以某个数
filter(): 创建一个新数组,其元素是符合条件的元素
some(): 有一个元素满足条件就返回true
every(): 所有元素满足条件就返回true