Skip to main content

前期准备

tip

见仁见智, 我只是收集了我在准备面试之前, 我看过的资料, 欢迎PR, 或者提issue.

个人复习提纲​

https://github.com/Rain120/Web-Study/issues/16

八股文​

React​

React 源码剖析系列 － 不可思议的 react diff

React Fiber很难？六个问题助你理解 React Fiber

浏览器相关​

图解浏览器的基本工作原理

How browsers work 注意：生肉

Google Blog​

Round-up of web browser internals resources 主要收集web浏览器内部工作原理的资源。

事件循环(Event Loop)​

一次弄懂Event Loop（彻底解决此类面试问题）

一篇文章教会你Event loop——浏览器和Node

Node​

不要混淆nodejs和浏览器中的event loop

  • timer(setTimeout, setInterval callback)
  • pending callbacks
  • idle, prepare(内部使用)
  • poll(connections, data, etc.) 阻塞等待监听的事件来临，然后执行对应的callback
  • check(setImmediate callback)
  • close callback(socket.on('close', () => {}))
   ┌───────────────────────┐
┌─>│        timers         │
│  └──────────┬────────────┘
│  ┌──────────┴────────────┐
│  │     I/O callbacks     │
│  └──────────┬────────────┘
│  ┌──────────┴────────────┐
│  │     idle, prepare     │
│  └──────────┬────────────┘      ┌───────────────┐
│  ┌──────────┴────────────┐      │   incoming:   │
│  │         poll          │<─────┤  connections, │
│  └──────────┬────────────┘      │   data, etc.  │
│  ┌──────────┴────────────┐      └───────────────┘
│  │        check          │
│  └──────────┬────────────┘
│  ┌──────────┴────────────┐
└──┤    close callbacks    │
   └───────────────────────┘

HTTP​

个人提纲: https://github.com/Rain120/Web-Study/issues/16#issuecomment-1028776101

HTTPS 温故知新

HTTP 版本对比

TLS 对称加密、非对称加密

TCP​

淘宝二面，面试官居然把TCP三次握手问的这么详细

TCP流量控制、拥塞控制

TCP 的那些事儿

30张图解： TCP 重传、滑动窗口、流量控制、拥塞控制

浏览器​

个人提纲: https://github.com/Rain120/Web-Study/issues/16#issuecomment-1028776609

浏览器工作原理与实践

浏览器缓存​

深入理解浏览器的缓存机制

一文读懂前端缓存

使用 HTTP 缓存避免不必要的网络请求

A Tale of Four Caches(四个缓存位置)

跨域​

跨源资源共享（CORS）

跨域资源共享 CORS 详解

简单请求

请求方法包括

  • get
  • post
  • head

请求头仅限于下面这些:

  • content-type
    • text/plain
    • multipart/form-data
    • application/x-www-form-urlencoded
  • Content-Language
  • Accept
  • Accept-Language
  • Last-Event-ID

非简单请求

不是简单请求就是非简单请求, 会发生预检请求(preflight request)。

配置 与CORS请求相关的字段，都以Access-Control-开头

  • Access-Control-Allow-Origin 表示接受什么域名的请求
  • Access-Control-Allow-Credentials 表示是否允许发送Cookie，默认情况下，Cookie不包括在CORS请求之中。若服务端配置为 true, 客户端必须在AJAX请求中打开withCredentials属性。
  • Access-Control-Expose-Headers

前端面试题库​

前端面试题宝典

互联网大厂面试每日一题

木易杨前端进阶

LeetCode​

LeetCode 刷题是必备的一项工作, 推荐 剑指 Offer 和 🔥 LeetCode 热题 HOT 100 两个题库。

Github 上有一个互联网公司技术岗考察Leetcode题目的热度的仓库，也可以去参考刷题。

Last updated on by Rain120