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

ops/2024/10/31 9:31:32/

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

汇总了 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、我关闭了网页再打开的话这个信息怎么保持?


http://www.ppmy.cn/ops/129827.html

相关文章

关于org.springframework.jdbc.BadSqlGrammarException报错的解决方案

作者:CSDN-PleaSure乐事 欢迎大家阅读我的博客 希望大家喜欢 使用环境:IDEA 目录 错误描述 解决阶段 AI的回答: 官方文档 错误描述 当我们使用MyBatisX进行相关数据库代码生成的时候,可能会出现以下报错: 一开始我…

InfiMM-WebMath-40B——利用由 24 亿数学文档组成的数据集提高 LLM 的数学性能

1. 前言 论文地址:https://arxiv.org/abs/2409.12568 本文提出了一个新的大规模多模态预训练数据集 InfiMM-WebMath-40B,以提高数学推理能力。该数据集包含 24 亿个科学和数学相关的网络文档、85 亿个图片 URL 和约 400 亿个文本标记。该数据集支持多模…

在线体验Sketch中文版,免费下载即刻上手!

Sketch是一款轻量而高效的矢量设计工具,助力全球设计师创造了诸多惊艳作品。安装Sketch的优势主要体现在其矢量编辑、控件和样式功能上。而下载安装“Sketch中文版”即时设计同样出色,它作为一站式设计平台,功能更全面。即时设计拥有纯中文的…

ADB指定进程名称kill进程

adb shell ps | grep <process_name> | awk {print $2} | xargs adb shell killadb shell ps&#xff1a;列出所有正在运行的进程。grep <process_name>&#xff1a;筛选出包含指定进程名称的行。awk ‘{print $2}’&#xff1a;提取输出中的第二列&#xff08;通常…

php怎么并发处理

PHP的并发处理是指在同一时间能够处理多个请求&#xff0c;提高系统的吞吐量和响应速度。下面介绍几种PHP的并发处理方法。 一、多线程 多线程是指在一个进程中启动多个线程同时执行任务。在PHP中&#xff0c;可以使用pthreads扩展来实现多线程编程。pthreads提供了Thread、W…

Open WebUI + openai API / vllm API ,实战部署教程

介绍Open WebUI + Ollama 的使用: https://www.dong-blog.fun/post/1796 介绍vllm 的使用:https://www.dong-blog.fun/post/1781 介绍 Ollama 的使用: https://www.dong-blog.fun/post/1797 本篇博客玩个花的,Open WebUI 本身可以兼容openai 的api, 那来尝试一下。 仅供…

基于 Vue + Element UI 开发管理系统指南

基于 Vue Element UI 开发管理系统指南 Vue 和 Element UI 简介Vue.js 简介Element UI 简介 1. 环境准备1.1 安装 Node.js 和 npm1.2 创建 Vue 项目1.3 安装 Element UI 2. 项目结构3. 引入 Element UI4. 基本布局4.1 使用 Element UI 布局组件 5. 路由配置5.1 安装 Vue Route…

php 程序开发分层与验证思想

在PHP程序开发中&#xff0c;合理的层级设计可以提高代码的可维护性、可扩展性和可测试性。以下是常见的层级设计模式及建议&#xff1a; 1. 分层架构 通常可以将PHP应用分为以下几层&#xff1a; 表示层&#xff08;Presentation Layer&#xff09;&#xff1a; 负责与用户交…