面试题 - 知识广度

最新推荐文章于 2025-03-14 16:17:44 发布

wythhhhh

最新推荐文章于 2025-03-14 16:17:44 发布

阅读量1.7k

点赞数 25

CC 4.0 BY-SA版权

分类专栏：面试文章标签：面试前端

本文链接：https://blog.csdn.net/wythhhhh/article/details/136215609

本文深入探讨了HTTP中cookie和token的区别，以及它们与session的关系，阐述了JWT（JSON Web Token）的优势和应用场景。同时，介绍了SSO单点登录的实现原理和keep-alive在Vue中的作用。此外，还对比了HTTP与UDP协议，讲解了HTTPS中间人攻击及其防御，以及<script>标签的defer和async属性。最后，分析了WebSocket与HTTP的区别，并讨论了网页重绘和重排的概念，以及多标签页通信的不同方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

络请求中，token 和 cookie 有什么区别!

cookie:

HTTP 无状态，每次请求都要带cookie，以帮助识别身份
服务端也可以向客户端 set-cookie，cookie 大小限制 4kb
默认有跨域限制:不可跨域共享、传递 cookie

cookie本地存储:

HTML5 之前 cookie 常被用于本地存储
HTML5 之后推荐使用 localStorage和 sessionStorage

cookie 和session

cookie 用于登录验证，存储用户标识(如 userld)
session 在服务端，存储用户详细信息，和 cookie 信息–对应(session在服务端,存取各种用户信息,集中存储用户信息)
cookie + session 是常见登录验证解决方案

token 和 cookie
cookie 是 HTTP 规范，而 token 是自定义传递
cookie 会默认被浏览器存储，而 token 需自己存储
token 默认没有跨域限制

重点:

cookie 是 HTTP 标准,有跨域限制,跨域不共享,跨域不传递,配合session来实现用户的登录校验
token无标准,无跨域限制,需要自行存储,自行传递,自行获取.

session缺点

占用服务端内存，硬件成本高
多进程，多服务器时，不好同步-- 需使用第三方缓存，如 redis
默认有跨域限制

JWT 优点

不占用服务端内存
多进程、多服务器不受影响
没有跨域限制

JWT 缺点

用户信息存储在客户端，无法快速封禁某用户
万一服务端秘钥被泄漏，则用户信息全部丢失
token 体积一般大于 cookie，会增加请求的数据量

使用场景

如有严格管理用户信息的需求(保密、快速封禁)推荐 Session
如没有特殊要求，则使用JWT(如创业初期的网站 )

如何实现SSO单点登录

SSO单点登录：允许用户在一次登录后访问多个应用程序或服务，而无需为每个应用程序都进行单独的认证。

cookie 默认不可跨域共享，但有些情况下可设置为共享-主域名相同的情况

简单来说流程就是系统A,系统B通过第三方SSO来进行用户的登录验证
用户信息的账号密码在SSO中,校验通过后会发送token到客户端
客户端访问系统A和系统B时,携带token就可以通过SSO的校验访问对应系统
在这里插入图片描述

keep-alive的作用

< keep-alive>是Vue提供的一个内置组件,它的作用是用于缓存组件实例,以避免重复渲染DOM。
< keep-alive> 主要作用：

缓存组件实例：当组件被包裹在 < keep-alive> 标签内时，该组件的实例会被缓存起来，而不是每次切换路由时重新创建。
避免重复渲染：由于组件实例被缓存了，在再次激活时就不需要重新渲染，可以获得更好的性能。
保存组件状态：缓存的组件实例的状态会被保留，比如输入框的内容等，不会因为销毁而丢失状态。
节省资源：由于被缓存的组件实例不会被销毁，所以在切换到该组件时不需要重新渲染和重新加载组件，可以节省一定的系统资源和网络请求。
多组件缓存：可以同时缓存多个不活动的组件实例。
组件生命周期控制：包裹的组件会多出两个生命周期钩子activated和deactivated,在组件激活和失活时触发

< keep-alive> 组件通常在以下场景中使用：

在需要缓存和复用组件实例的动态路由中，以提高性能。
在使用动态组件时，需要缓存切换过的组件实例。
在列表或标签页等场景中，需要保留用户操作状态的组件。

JWT

JWT全称是JSON Web Token，是基于 JSON 的开放标准，用于在各方安全地传递信息的方式。它被广泛应用于身份验证和授权领域。

JWT的应用场景如下:

身份验证(Authentication)：在用户登录后,服务器会生成一个JWT,并将其返回给客户端。客户端以后的每次请求都会携带这个JWT，服务器就可以验证该JWT从而识别用户身份。
信息交换(Information Exchange)：JWT可以在各方安全地传递一些声明(claims)，这些声明被编码到JWT的Payload部分。比如可以携带用户角色、操作权限等信息。
单点登录(Single Sign On): JWT能跨多个服务共享身份验证信息,支持单点登录的实现。

一个JWT通常由三部分组成: