web面试题精选

# 一.Node.js

# 1. 相关状态码

  • 1xx:临时响应并需要请求者继续执行操作
    • 100：请求者应当继续提出请求。
  • 2xx 成功处理了请求状态
    • 200 服务器已经成功处理请求，并提供了请求的网页
    • 201 用户新建或修改数据成功
    • 202 一个请求已经进入后台
    • 204 用户删除成功
  • 3xx 每次请求使用的重定向不要超过 5 次
    • 301:永久性转移
    • 302：暂时性转移
    • 304 网页上请求没有更新，节省宽带和开销
  • 4xx 表示请求可能出错，妨碍了服务器的处理
    • 400 服务器不理解请求的语法
    • 401 用户没有权限（用户名，密码输入错误）
    • 403 用户得到授权（401 相反），但是访问被禁止
    • 404 服务器找不到请求的网页
  • 5xx 表示服务器在处理请求的时候发生内部错误
    • 500 服务器遇到错误，无法完成请求
    • 503 服务器目前无法使用（超载或停机维护）

# 3.get/post 的区别

tcl

  • 数据方面:
    • get 数据是存放在 url 之后，以？分割 url 和传输数据，参数之间以&相连；post 方法是把提交的数据放在 http 包的 body 中
  • 大小方面：
    • get 提交的数据大小有限制，（因为浏览器对 url 的长度有限制），post 的方法提交的数据没有限制
  • 获取值方式：
    • get 需要 request.queryString 来获取变量的值，而 post 方式通过 request.form 来获取变量的值
  • 安全方面：
    • get 的方法提交数据，会带来安全问题，比如登录一个页面，通过 get 方式提交数据，用户名和密码就会出现在 url 上

GET：一般用于信息获取，使用 URL 传递参数，对所发送信息的数量也有限制，一般在 2000 个字符 POST：一般用于修改服务器上的资源，对所发送的信息没有限制。

GET方式需要使用Request.QueryString来取得变量的值，而POST方式通过Request.Form来获取变量的值，
也就是说Get是通过地址栏来传值，而Post是通过提交表单来传值。

然而，在以下情况中，请使用 POST 请求： 无法使用缓存文件（更新服务器上的文件或数据库） 向服务器发送大量数据（POST 没有数据量限制）

# 4.http 协议的理解

  • 1.超文本的传输协议，是用于从万维网服务器超文本传输到本地资源的传输协议
  • 2.基于 TCP/IP 通信协议传递数据（HTML,图片资源）
  • 3.基于运用层的面向对象的协议，由于其简洁、快速的方法、适用于分布式超媒体信息系统
  • 4.http 请求信息 request:
    • 请求行（request line）、请求头部（header）、空行和请求数据四个部分构成
    • 请求行，用来说明请求类型，要访问的资源以及所使用的 http 版本
    • 请求头部，用来说明服务器要使用的附加信息
    • 空行，请求头部后面的空行是必须的
    • 请求数据也叫主体，可以添加任意的其他数据
  • 5.http 相应信息 response
    • 状态行、消息报头、空行和响应正文
    • 状态行、有 http 协议版本号，状态吗，状态消息 三部分组成
    • 消息报头，用来说明客户端要使用的一些附加信息
    • 空行，消息报头后面的空行是必须的
    • 响应正文，服务器返回给客户端的文本信息

# 5.http 和 https

  • https：是以安全为目标的 http 通道，简单讲是 http 的安全版本，通过 ssl 加密
  • http：超文本传输协议。是一个客户端和服务器请求和应答的标准（tcp）,使浏览器更加高效，使网络传输减少

# 6.http1.0 和 http2.0 的区别

腾讯

  • 长连接：
    • http1.0 需要使用 keep-alive 参数来告知服务器建立一个长连接，而 http1.1 默认支持长连接
  • 节约宽带：
    • http1.1 支持只发送一个 header 信息（不带任何 body 信息）
  • host 域（设置虚拟站点，也就是说，web server 上的多个虚拟站点可以共享同一个 ip 端口）：
    • http1.0 没有 host 域
  • 传输：
    • 1.http2 采用的二进制文本传输数据，而非 http1 文本格式，二进制在协议的解析和扩展更好
  • 2.数据压缩：
    • 对信息头采用了 hpack 进行压缩传输，节省了信息头带来的网络流量
  • 3.多路复用：
    • 一个连接可以并发处理多个请求
  • 4.服务器推送：
    • 我们对支持 http2.0 的 web server 请求数据的时候，服务器会顺便把一些客户端需要的资源一起推送到客户端，免得客户端再次创建连接发送请求到服务器端获取，这种方式非常适合加载静态资源

# 10.tcp 三次握手

客户端和服务端都需要确认各自可收发

  • 客户端 c 发起请求连接服务器端 s 确认，服务器端也发起连接确认客户端的确认
  • 第一次握手：客户端发送一个请求连接，服务端只能确认自己可以接受客户端发送的报文段
  • 第二次握手：服务端向客户端发送一个连接，确认客户端收到自己发送的报文段
  • 第三次握手：服务器端确认客户端收到了自己发送的报文段

# 11.输入 url 到获取页面的完整过程

  • 1.查询 dns（域名解析）查询浏览器缓存，获取域名对应的 ip 地址
  • 2.浏览器与服务器建立 tcp 连接（三次握手）
  • 3.浏览器向服务器发送 http 请求（请求和传输数据）
  • 4.服务器接受这个请求后，根据路径参数，经过后端的一些处理生成 html 代码返回给了浏览器
  • 5.浏览器与服务器断开 tcp 连接（四次挥手）
  • 6.浏览器拿到完整的 html 页面代码开始解析和渲染，如果遇到外部的 css 或者 js,图片和上面一样的步骤
  • 7.浏览器根据拿到的资源对页面进行渲染，把一个完整的页面呈现出来

# 14.线程与进程的区别

  • 一个程序至少有一个进程,一个进程至少有一个线程.
  • 线程的划分尺度小于进程，使得多线程程序的并发性高。
  • 进程在执行过程中拥有独立的内存单元，而多个线程共享内存，从而极大地提高了程序的运行效率。
  • 线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行，必须依存在应用程序中，由应用程序提供多个线程执行控制。
  • 从逻辑角度来看，多线程的意义在于一个应用程序中，有多个执行部分可以同时执行。但操作系统并没有将多个线程看做多个独立的应用，来实现进程的调度和管理以及资源分配。这就是进程和线程的重要区别

# 15.Nodejs有哪些优缺点？

  • 优点：
    • 事件驱动，通过闭包很容易实现客户端的生命活期。
    • 不用担心多线程，锁，并行计算的问题
    • V8 引擎速度非常快
    • 对于游戏来说，写一遍游戏逻辑代码，前端后端通用
  • 缺点：
    • nodejs 更新很快，可能会出现版本兼容
    • nodejs 还不算成熟，还没有大制作
    • nodejs 不像其他的服务器，对于不同的链接，不支持进程和线程操作

# 16.网站重构的理解？

  • 网站重构：
    • 在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。也就是说是在不改变 UI 的情况下，对网站进行优化，在扩展的同时保持一致的 UI。
  • 对于传统的网站来说重构通常是：
    • 表格(table)布局改为 DIV+CSS
    • 使网站前端兼容于现代浏览器(针对于不合规范的 CSS、如对 IE6 有效的)
    • 对于移动平台的优化
    • 针对于 SEO 进行优化
    • 深层次的网站重构应该考虑的方面
    • 减少代码间的耦合
    • 让代码保持弹性
    • 严格按规范编写代码
    • 设计可扩展的 API
    • 代替旧有的框架、语言(如 VB)
    • 增强用户体验
    • 通常来说对于速度的优化也包含在重构中
    • 压缩 JS、CSS、image 等前端资源(通常是由服务器来解决)
    • 程序的性能优化(如数据读写)
    • 采用 CDN 来加速资源加载
    • 对于 JS DOM 的优化
    • HTTP 服务器的文件缓存

# 17.如何获取 UA？

cache-control 网页的缓存是由 HTTP 消息头中的 private、no-cache、max-age、must-revalidate 等，默认为  max-age 的效果。但是如果同时存在，则被 max-age 覆盖。

Expires = "Expires" ":" HTTP-date 例如

Expires: Thu, 01 Dec 1994 16:00:00 GMT （必须是 GMT 格式） 如果把它设置为  max-age 都可以用来指定文档的过期时间，但是二者有一些细微差别

1.Expires 在 HTTP/1.0 中已经定义，Cache-Control:max-age 在 HTTP/1.1 中才有定义，为了向下兼容，仅使用 max-age 不够；

2.Expires 指定一个绝对的过期时间(GMT 格式),这么做会导致至少 2 个问题：1)客户端和服务器时间不同步导致 Expires 的配置出现问题。 2）很容易在配置后忘记具体的过期时间，导致过期来临出现浪涌现象；

3.max-age 指定的是从文档被访问后的存活时间，这个时间是个相对值(比如:3600s),相对的是文档第一次被请求时服务器记录的 Request_time(请求时间)

4.Expires 指定的时间可以是相对文件的最后访问时间(Atime)或者修改时间(MTime),而 max-age 相对对的是文档的请求时间(Atime)

如果值为 no-cache,那么每次都会访问服务器。如果值为 max-age,则在过期之前不会重复访问服务器

# 18.使用 NPM 有哪些好处？

通过 NPM，你可以安装和管理项目的依赖，并且能够指明依赖项的具体版本号。对于 Node 应用开发而言，你可以通过 package.json 文件来管理项目信息，配置脚本，以及指明依赖的具体版本

# 19.Node，js 事件循环差异

Node.js 的事件循环分为 6 个阶段

# 4.手动写一个 node 服务器

const http = require("http")
const fs = requier("fs")
const server = http.createServer((req, res) => {
  if (req.url === "/") {
    const indexFile = fs.createReadStream("./index.html")
    res.writeHead(200, { "content-Type": "text/html;charset=utf-8" })
    indexFile.pipe(res)
  }
})
server.listen(3000)
1
2
3
4
5
6
7
8
9
10
function create() {
  let obj = {}
  let Con = [].shift.call(arguments)
  obj.__proto__ = Con.prototype
  let result = Con.apply(obj, arguments)
  return result instanceof Object ? result : obj
}
1
2
3
4
5
6
7
function myInstanceof(left, right) {
  let prototype = right.prototype
  left = left.__proto__
  while (true) {
    if (left === null || left === undefined) {
      return false
    }
    if (prototype === left) {
      return true
      left = left.__proto__
    }
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
上次更新: 2025/3/27 上午10:52:41

二.Express.js →