四年web前端开发再次失业 ，第二次面试复盘

根据对面试的回忆撰写的 、标准答案在网上查的，记录和学习使用，侵删

公司业务：地图，导航

公司技术栈：vue2、vue3

1、get请求和post请求的区别

初级回答：

• GET 在浏览器回退时是无害的，而 POST 会再次提交请求。

• GET 产生的 URL 地址可以被 Bookmark，而 POST 不可以。

• GET 请求会被浏览器主动 cache，而 POST 不会，除非手动设置。

• GET 请求只能进行 url 编码，而 POST 支持多种编码方式。

• GET 请求参数会被完整保留在浏览器历史记录里，而 POST 中的参数不会被保留。

• GET 请求在 URL 中传送的参数是有长度限制的，而 POST 么有。

• 对参数的数据类型，GET 只接受 ASCII 字符，而 POST 没有限制。

• GET 比 POST 更不安全，因为参数直接暴露在 URL 上，所以不能用来传递敏感信息。

• GET 参数通过 URL 传递，POST 放在 Request body 中。

中级回答：

GET 和 POST 是什么？HTTP 协议中的两种发送请求的方法。

HTTP 是什么？HTTP 是基于 TCP/IP 的关于数据如何在万维网中如何通信的协议。

HTTP 的底层是 TCP/IP。所以 GET 和 POST 的底层也是 TCP/IP，也就是说，GET/POST 都是 TCP 链接。GET 和 POST 能做的事情是一样一样的。你要给 GET 加上 request body，给 POST 带上 url 参数，技术上是完全行的通的。 

高级回答：

GET 产生一个 TCP 数据包；POST 产生两个 TCP 数据包。

长的说：

对于 GET 方式的请求，浏览器会把 http header 和 data 一并发送出去，服务器响应 200（返回数据）；

而对于 POST，浏览器先发送 header，服务器响应 100 continue，浏览器再发送 data，服务器响应 200 ok（返回数据）。

也就是说，GET 只需要汽车跑一趟就把货送到了，而 POST 得跑两趟，第一趟，先去和服务器打个招呼 “嗨，我等下要送一批货来，你们打开门迎接我”，然后再回头把货送过去。

因为 POST 需要两步，时间上消耗的要多一点，看起来 GET 比 POST 更有效。因此 Yahoo 团队有推荐用 GET 替换 POST 来优化网站性能。但这是一个坑！跳入需谨慎。为什么？

1). GET 与 POST 都有自己的语义，不能随便混用。

2). 据研究，在网络环境好的情况下，发一次包的时间和发两次包的时间差别基本可以无视。而在网络环境差的情况下，两次包的 TCP 在验证数据包完整性上，有非常大的优点。

3). 并不是所有浏览器都会在 POST 中发送两次包，Firefox 就只发送一次。

2、vue的生命周期

     vue2生命周期

1. beforeCreate：实例初始化之前，此时不能访问到vm实例上的数据和方法。

2. created：实例创建完成，完成了数据和方法的初始化，但是还没有开始DOM编译。

3. beforeMount：模板编译之前。

4. mounted：模板编译完成，此时可以访问到DOM元素。

5. beforeUpdate：数据更新之前。

6. updated：数据更新完成。

7. beforeDestroy：实例销毁之前。

8. destroyed：实例销毁后，此时Vue实例指示的所有东西都会解绑，所有的事件监听器都会被移除，所有的子实例也会被销毁。

     vue3生命周期

1. setup(): 这是一个新的入口点，在beforeCreate和created之前调用。

2. onBeforeMount/onMounted：组件挂载前/后的生命周期钩子。

3. onBeforeUpdate/onUpdated：组件更新前/后的生命周期钩子。

4. onBeforeUnmount/onUnmounted：组件卸载前/后的生命周期钩子。

5. onActivated/onDeactivated：组件被 keep-alive 缓存和恢复时调用。

6. onErrorCaptured：当捕获一个来自子孙组件的错误时被调用。

3、Request.js的应用场景

• 发送HTTP请求：使用Request.js发送GET、POST、PUT、DELETE等类型的HTTP请求。
• 处理JSON数据：Request.js支持JSON格式的请求和响应，便于处理数据交互。
• 异步编程：Request.js采用回调函数的形式，适合进行异步

4、let和const的区别

let和‌const的主要区别在于：const声明的常量必须初始化，且值不能修改；而let声明的变量可以修改。

let的特点包括：

• 不存在变量提升：let声明的变量在声明之前是不存在的，如果访问未声明的变量，会抛出错误。例如，console.log(bar); let bar = 2; 如果使用var，则会输出undefined，而使用let则会报错。‌12
• 暂时性死区：在let声明之前，变量是不存在的，访问会抛出错误。例如，在if语句或for循环中声明变量时，该变量在声明之前的区域是“暂时性死区”。
• 块级作用域：let声明的变量只在当前的代码块内有效，不能跨块或跨函数访问。‌3

const的特点包括：

• 必须初始化：const声明的常量必须在声明时赋值，且之后不能修改。‌45
• 不可修改：const声明的常量值一旦确定，就不能再修改。
• 块级作用域：const声明的常量也只在当前的代码块内有效。‌6

总结来说，let和const各有优缺点。使用const可以确保变量的值不会被意外改变，减少程序错误，提高代码的可读性和安全性。而let则提供了更大的灵活性，允许变量的值在程序运行过程中改变。‌

5、开放性问题 自我介绍、介绍最近一个做过的项目