人生中第一次面试

前言

5.20的事拖到了今天才来写😉
梦回高中互问理综，第一次面试给了最好的面试官，感谢宇航哥的面试😗
加油，前端人😄

内容

计算机网络

HTTP协议

HTTP (HyperText Transfer Protocol)，即超文本运输协议，是实现网络通信的一种规范

HTTP1.0/1.1/2.0 的区别

HTTP1.0：
浏览器与服务器只保持短暂的连接，浏览器的每次请求都需要与服务器建立一个TCP连接

HTTP1.1：
引入了持久连接，即TCP连接默认不关闭，可以被多个请求复用

HTTP2.0：
采用二进制格式而非文本格式

TCP的三次握手

三次握手（Three-way Handshake）其实就是指建立一个TCP连接时，需要客户端和服务器总共发送3个包

主要作用就是为了确认双方的接收能力和发送能力是否正常、指定自己的初始化序列号为后面的可靠性传送做准备

过程如下：

• 第一次握手：客户端给服务端发一个 SYN 报文，并指明客户端的初始化序列号 ISN©，此时客户端处于 SYN_SENT 状态
• 第二次握手：服务器收到客户端的 SYN 报文之后，会以自己的 SYN 报文作为应答，为了确认客户端的 SYN，将客户端的 ISN+1作为ACK的值，此时服务器处于 SYN_RCVD 的状态
• 第三次握手：客户端收到 SYN 报文之后，会发送一个 ACK 报文，值为服务器的ISN+1。此时客户端处于 ESTABLISHED 状态。服务器收到 ACK 报文之后，也处于 ESTABLISHED 状态，此时，双方已建立起了连接

网络安全

跨站脚本攻击（Cross-site scripting，XSS）
是一种安全漏洞，攻击者可以利用这种漏洞在网站上注入恶意的客户端代码。

CSRF（Cross-site request forgery）跨站请求伪造：
攻击者诱导受害者进入第三方网站，在第三方网站中，向被攻击网站发送跨站请求。利用受害者在被攻击网站已经获取的注册凭证，绕过后台的用户验证，达到冒充用户对被攻击的网站执行某项操作的目的。

CSS

position

默认 static
absolute、relative、fixed、sticky

flex

元素居中的方法

JavaScript

数据类型

防抖节流

Promise

事件循环

0.1+0.2=0.3?

TS

原型链

map和forEach的区别

React

钩子用过哪些

组件通信

引入CSS的方式

工程化

Webpack

算法

两数之和

哈希表
set() has() get()
leetcode 1.两数之和

有效的括号

栈
leetcode 20.有效的括号

反转链表

链表
leetcode 206.反转链表

用 setTimeout 实现 setInterval

链接

function mySetInterval() {
  this.timeID = null
  this.func = null
}

mySetInterval.prototype.repeat = function(func, ms) {
  if (this.func === null) {
    this.func = func
  }

  // 确保一个 mySetInterval 实例只能重复一个 func
  if (this.func !== func) {
    return
  }

  this.timeID = setTimeout(() => {
    func()
    this.repeat(func, ms)
  }, ms)
}

mySetInterval.prototype.clear = function() {
  clearTimeout(this.timeID)
}

const a = () => console.log('a')

const b = () => console.log('b')

const timer = new mySetInterval()

timer.repeat(a, 1000)
timer.repeat(b, 1000) // 不会定时执行 b

总结

这次面下来的感觉就是感觉自己很恶心，好多简单的知识点，甚至做过的算法题，竟然能够一片空白💔
深深地意识到基础知识太薄弱了，如果秋招想冲大厂，将来的几个月一定要改变自己好好努力了⚡
清楚了都有哪些内容要去学习，接下来就是要把一个个比较难理解的知识搞清楚，加油！💪