返回
腾讯前端面试经历分享之三：三面印象深刻的场景
前端
2024-01-01 03:36:48
腾讯前端面试篇（二）
在腾讯前端面试篇（一）中，我主要讲了笔者面试腾讯一面和二面的经历，文章得到了不错的反响，笔者一激动大晚上把女朋友晾在一边，写下了第二篇，现在耳朵和膝盖都还有点痛。第二篇会讲述笔者面试腾讯的第三面，第四面会在后续的文章更新。大家看我辛苦的份上，关注一下呗！
1. 从输入URL到页面展示的过程
一. 浏览器是如何从输入URL到页面展示的过程？
浏览器从输入URL到页面展示的过程可以分为以下几个步骤：
- DNS查询 ：浏览器首先会向DNS服务器查询该URL对应的IP地址。
- TCP连接 ：浏览器与该IP地址建立TCP连接。
- 发送HTTP请求 ：浏览器向该IP地址发送HTTP请求，请求该URL对应的资源。
- 服务器处理请求 ：服务器收到请求后，处理请求并返回响应。
- 浏览器接收响应 ：浏览器接收服务器的响应，并根据响应的内容渲染页面。
二. 每一步的具体细节是什么？
- DNS查询 ：浏览器首先会向DNS服务器查询该URL对应的IP地址。DNS服务器会根据该URL中的域名，找到该域名对应的IP地址，并返回给浏览器。
- TCP连接 ：浏览器与该IP地址建立TCP连接。TCP连接是一种可靠的连接，可以保证数据在传输过程中不会丢失或损坏。
- 发送HTTP请求 ：浏览器向该IP地址发送HTTP请求，请求该URL对应的资源。HTTP请求是一个文本消息，包含了请求的方法、请求的URL、请求的头部信息等。
- 服务器处理请求 ：服务器收到请求后，处理请求并返回响应。服务器会根据请求的内容，生成响应消息。响应消息是一个文本消息，包含了响应的状态码、响应的头部信息、响应的正文等。
- 浏览器接收响应 ：浏览器接收服务器的响应，并根据响应的内容渲染页面。浏览器会根据响应中的正文内容，渲染出相应的页面。
2. HTTP状态码中常见的几种状态码及其含义
| 状态码 | 含义 |
|---|---|
| 200 | 请求成功 |
| 301 | 永久重定向 |
| 302 | 临时重定向 |
| 400 | 请求错误 |
| 401 | 未授权 |
| 403 | 禁止访问 |
| 404 | 资源未找到 |
| 500 | 内部服务器错误 |
| 503 | 服务不可用 |
3. HTTP请求头和响应头中常见的字段及其含义
| 字段 | 含义 |
|---|---|
| Accept | 客户端可以接受的媒体类型 |
| Accept-Encoding | 客户端可以接受的压缩格式 |
| Cache-Control | 缓存控制指令 |
| Content-Type | 响应的媒体类型 |
| Content-Encoding | 响应的压缩格式 |
| Date | 响应生成的时间 |
| Expires | 响应的过期时间 |
| Last-Modified | 资源最后修改的时间 |
| Location | 重定向的地址 |
| Set-Cookie | 设置cookie |
| User-Agent | 客户端的类型和版本 |
4. HTTPS与HTTP的区别
| 特性 | HTTP | HTTPS |
|---|---|---|
| 加密 | 无 | 有 |
| 端口 | 80 | 443 |
| 安全性 | 不安全 | 安全 |
| 速度 | 更快 | 更慢 |
| 成本 | 免费 | 收费 |
5. 浏览器缓存机制
浏览器缓存机制是一种将最近请求的资源存储在本地磁盘上的机制，以便以后的请求可以从本地磁盘中读取，而无需重新从服务器下载。浏览器缓存机制可以提高页面的加载速度，并减少服务器的负载。
6. 常见的面试问题
- 你最喜欢的JavaScript框架是什么？
- 你对渐进式Web应用程序（PWA）有什么了解？
- 你对服务端渲染（SSR）有什么了解？
- 你对跨域资源共享（CORS）有什么了解？
- 你对同源策略有什么了解？
- 你对前端性能优化有什么了解？
- 你对前端安全有什么了解？
- 你对前端测试有什么了解？
- 你对前端代码管理有什么了解？
- 你对前端未来的发展趋势有什么了解？
