浏览器、性能优化、前端安全重难点面试题

2023 最新，前端进阶重难点面试题

汇总了 2023 年各互联网大厂以及中小型创业公司关于 浏览器、性能优化、前端安全、综合应用等相关的最新高频面试题

• 有关答案解析会陆续更新，为确保每一个面试题的答案解析都是最佳实践和有竞争力的回答，需要一点点时间 ！
• 面试题是检验自己学习成果和查缺补漏的最好方式之一，同时也是了解企业对求职者技能要求的风向标 。
• 希望正在学习或找工作的同学少走弯路 ！

有兴趣的同学，可在评论区尝试着练习先给出自己的答案，我会给出建议和意见，每天进步一点点 ！一起加油 ^_^

浏览器

Interview questions

1、从输入 URL 到页面呈现的全过程（腾讯、深信服、招银网络、小米、小红书、字节、快手、阿里）

2、说说你知道的浏览器缓存，项目中是如何实践的（叠纸、百度、小米）

3、浏览器缓存，强缓存、协商缓存，为什么 cache-control 优先级更高（字节）

4、了解哪些离线缓存技术（深信服）

5、html、css、js 文件会放在磁盘缓存还是内存缓存（字节）

6、Cache-control 与 expires 的区别（小米）

7、浏览器存储有哪些 ？它们之间的区别（百度、小米、字节）

8、no-cache，no-store 分别代表什么（字节）

9、说一下 keep-alive 的原理，以及如果超出缓存长度，如何处理（58、字节、滴滴）

10、说一下 websocket 的优缺点和用处（58、百度）

11、轮询和 websocket 哪个更好，如何选择 ？（腾讯）

12、WebSocket 在服务端是怎么处理消息的 ？（字节）

13、WebSocket 如何连接 ？服务端给客户端发送的 http 状态码是什么？（百度）

14、wesocket 和 ajax 比有什么优缺点吗？（腾讯）

15、websocket 如何建立连接，手写 websocket 建立过程（小红书）

16、cookie、localstorage 的区别，哪些情况和设置，请求不会携带 cookie（阿里、字节）

17、了解浏览器渲染引擎有哪些，渲染机制是怎样的吗，举例说明一下（阿里）

18、cookie 是能跨域的吗 ？如果我要跨域发送 cookie，怎么发（腾讯、字节）

19、怎么让前端无法访问 cookie（腾讯）

20、Cookie Session Token 的认证机制（滴滴、字节）

21、多个域名之间共享 cookie 的话要怎么实现 ？（腾讯）

22、登录状态怎么保持，会用到哪些技术 ？（腾讯）

23、cookie 的属性有哪些，都是干啥的（字节、快手）

24、跨域，为什么要有跨域，常见跨域解决方案（详细说说）（字节、百度、小米、阿里、知乎、滴滴、58）

25、说一下跨域请求如何携带 cookie（百度）

26、事件循环机制，浏览器渲染机制（小米）

27、浏览器同源策略（知乎）

进程 与 线程

Interview questions

1、浏览器架构，都有什么进程和线程（小米、百度）

2、进程、线程之间如何通信（小红书）

3、进程间是否共享内存 ？（百度）

4、讲一讲进程、 线程、协程三者区别（字节、百度）

5、线程共享为什么比进程共享容易 ？（字节）

6、如果某个线程挂掉了，这个进程会挂掉吗？如果某个线程修改了内存，另一个线程能感知到吗？（字节）

7、浏览器处理 AJAX 请求和渲染页面是同一个进程吗，为什么（小红书）

8、Worker 线程之间如何通信 ？（百度）

9、计算机的原码、反码、补码（字节）

网络传输 HTTP/HTTPS

Interview questions

1、说说你对 OSI 七层模型的理解，应用层都有哪些？（百度）

2、请求头上可以带我任意想要的资料吗 ？一般带些什么信息（腾讯）

3、HTTP1/HTTP1.1、HTTP2、HTTP3 区别及各自解决的问题（小红书、腾讯、字节、蚂蚁金服、快手）

4、说说 HTTP2 有哪些新特性， 为什么 HTTP2 快呢？ HTTP2 没缺点吗？（腾讯、快手）

5、HTTP 和 HTTPS 之间的区别，HTTPS 握手过程（字节，腾讯、小米、快手、快手）

6、除了 HTTP 还用过什么应用层协议？（腾讯）

7、说说 HTTPS 加密原理，非对称还是对称加密（腾讯、小米、58、百度、深信服、创业公司）

8、说一下 SSL 认证的原理，SSL 证书的原理（猿辅导）

9、说说 TLS/SSL 协议（小红书）

10、HTTP 协议包括哪些部分？（字节）

11、说说 HTTP 报文（腾讯）

12、HTTP 的请求方法、请求头、响应头有哪些 ？（字节、腾讯）

13、常见的 HTTP、HTTPS 状态码有哪些 ？（叠纸、百度、滴滴、知乎、腾讯、快手）

14、HTTP 压缩方式有几种，gzip 是有损压缩还是无损压缩 ？（58）

15、说一下 HTTP 的缓存（猿辅导）

16、强缓存和协商缓存，什么情况下会用到协商缓存 ？Hash 存在的意义是什么？（字节、腾讯、小米、小红书、货拉拉）

17、last modifed 和 etag 的缺点 ？（字节）

18、做一个游戏的时候，选择一个网络协议会选择什么？（百度）

19、项目中，业务数据的传输形式是什么？（腾讯）

20、HTTP 和 WebSocket 的区别？（腾讯）

21、TCP 与 UDP 有什么区别 ？（腾讯、字节、百度）

22、MTP 的作用（阿里）

23、说说 ip 协议（阿里）

24、TCP/IP 协议分层，TCP 在哪一层（字节）

25、TCP 如何保证数据稳定，实现可靠传输（腾讯）

26、CDN 原理，CDN 回源怎么做（腾讯、小红书）

27、httponly 是什么，怎么用，为什么要用（字节）

28、说一下 TCP 三次握手，为什么要三次握手（腾讯、字节）

29、三次握手 四次挥手，为什么挥手多一次（字节）

30、讲一讲 TCP 三次握手, 第三次握手发送方是否可以携带信息（字节）

31、TCP 是怎么判断丢包的 ？（字节）

32、HTTP 请求和 TCP 链接的对应关系（小红书）

33、TCP 流量控制、拥塞控制 ？（百度）

34、TCP 头部大小是固定的吗 ？（百度）

35、TCP 怎么保证对方一定能收到包 ？如果遇到网络拥塞的状况怎么办 ？（字节）

36、TCP 的滑动窗口是什么意思 ？（字节）

37、知道 http499 是什么 ？（字节）

38、对 post 和 get 请求的理解，post 和 get 数据包发送方式（小米、自如、深信服）

39、路由 404 的原因，如何解决（小米）

性能优化

Interview questions

1、性能优化的手段了解多少？（同花顺）

2、在上传图片的时候，如何对图片的大小进行限制？（同花顺）

3、如果一个页面打开得很慢，你会从哪几个方面去衡量它的慢，然后去解决呢？（同花顺）

4、说一下你做过的页面性能优化（58、字节、阿里）

5、说一下你项目中的接口性能优化（字节）

6、说一下你对重绘和重排的理解，什么情况下会引发重绘？怎么减少 ？（腾讯、58、字节、小米）

7、为什么 top、offsetTop 能引起回流（广联达）

8、DOM 树上有 10 个节点，渲染树上一定有 10 个节点吗？（字节）

9、怎么衡量一个页面的渲染速度，性能（阿里）

10、你对首屏时间，可交互时间等概念的理解和看法（阿里）

11、大型文件传输，前后端分别怎么处理，数据流上的具体操作（阿里）

12、秒传、分片传输、断点传输的具体实现和细节（阿里）

13、如何加快页面渲染速度（小米）

14、你是如何做首屏加载优化（小米、百度）

15、多路复用怎么实现的（字节）

16、自己博客做了哪些优化（百度）

前端安全

Interview questions

1、说说你都了解哪些攻击方式，怎么防范 （58）

2、我关闭了网页再打开的话这个信息怎么保持？这些内容有没有可能被伪造？（腾讯）

3、那你没有考虑过一些安全性相关的问题，比如购物总会涉及到一些价格（腾讯）

4、假设我有黑客要攻击你的网页，拦截你的请求发送给服务端，这些有什么好的方法处理？（腾讯）

5、前端网络安全问题（阿里、百度）

6、如何防止脚本获取 cookie？（百度）

7、HTTPS 怎么保证数据安全（阿里）

8、xss、csrf 攻击原理和防范（阿里、腾讯）

9、前端安全，CSRF 如何防护？（字节）

10、中间人攻击如何实现？怎样防范？（字节）

11、DOS、 DDOS 攻击原理和防范（小红书）

12、怎么实现接口防刷（小红书）

13、出线上事故了你怎么排查（腾讯）

综合

Interview questions

1、webworker（叠纸）

2、程序执行的原理，当 CPU 执行程序读取变量时，变量存储在内存，三级缓存和寄存器中有哪些区别（字节）

3、说说 webRTC（百度）