从不考勤制度探讨自律
https://wx.zsxq.com/dweb2/index/topic_detail/814251121181482
前端面试复习计划之项目实战
10种鉴权方法HTTP 基本鉴权- 账号密码通过加密的方式调取服务认证
- 缺点:请求过于暴露会被重放攻击
Seesion-Cookie鉴权- 利用服务端的 Session(会话)和 浏览器的 Cookie 来实现的前后端通信认证模式
- 客户端发送请求到服务器,服务器生成 SessionId 存储在 Session 服务器中,并返回客户端并设置 Cookie 存储 SessionId
- 客户端拿 SessionId 发送请求,服务器校验 Session
- 缺点:过于依赖 Cookie、移动端对 Cookie 支持不友好、用户量大服务器开销大
Token鉴权- Token 组成:uid (用户唯一的身份标识) + time (当前时间的时间戳) + sign (签名,Token 的前几位以哈希算法压缩成的一定长度的十六进制字符串)
- 客户端发送请求,请求通过服务端生成一个加密后的 Token 令牌
- 客户端存储 Token 至缓存中,下次发送请求将 Token 放至请求头 Authorization 字段
- 服务端拿到请求令牌后,进行解密和签名校验,如果验证不成功返回 4 ...
前端面试复习计划之TypeScript
实用技巧关键字typeof 获取一个变量的类型
1type Data = typeof xx
keyof 用来取得一个对象接口的所有key值
1234567interface Person { name: string; age: number; gender: "male" | "female";}//type PersonKey = 'name'|'age'|'gender'type PersonKey = keyof Person
in 去批量定义类型中的属性
123456789interface Person { name: string; age: number; gender: "male" | "female";}//批量把一个接口中的属性都变成可选的type PartPerson = { [Key in keyof Person]?: Person[Key] ...
前端面试复习计划之Vue
Vue 组件通信1、组件通信方式有以下8种:
props
$emit/$on
$children/$parent
$attrs/$listeners
ref
$root
eventbus
vuex
2、根据组件之间的关系讨论通信:
父子组件
ref/props/$attrs/$emit/$parent
兄弟组件
$parent/$root/enentbus/vuex
跨层级关系
eventbus/vuex/provide+inject
v-if 和 v-for 哪个优先级更高?1、实践中不应该把 v-for 和 v-if 放一起2、在 Vue2 中,v-for 的优先级是高于 v-if,把它们放在一起,输出的渲染函数中可以看出会先执行循环再判断条件,哪怕我们只渲染列表的一小部分元素,也得在每次重渲染的时候遍历整个列表,这会比较浪费;另外需要注意的是在 Vue3 中则完全相反,v-if 的优先级高于 v-for,所以 v-if 执行时,它调用的变量还 ...
前端面试复习计划之网络
参考链接HTTPS从认识到线上实战全记录
SSL/TLS & HTTPS
SSL协议用于对HTTP协议传输的数据进行加密
TLS是SSL的升级版
HTTPS具有信息加密、双向认证,有防窃听、防篡改、防冒充的优点
对称机密/非对称加密客户端HTTPS与Web服务器通信时的步骤
客户端使用 HTTPS URL 访问服务器,则要求 WEB 服务器建立 SSL 连接。
web 服务器接收到客户端的请求之后,会将网站的证书(证书中包含了公钥),传输给客户端。
客户端和 web 服务器端开始协商 SSL 链接的安全等级,也就是加密等级。
客户端浏览器通过双方协商一致的安全等级,建立会话密钥,然后通过网站的公钥来加密会话密钥,并传送给网站。
web 服务器通过自己的私钥解密出会话密钥。
web 服务器通过会话密钥加密与客户端之间的通信。
TCP三次握手握手过程中传送的包里不包含数据,三次握手完毕后,客户端与服务器才正式开始传送数据。
【你好,我想和你聊一聊?】第一次握手:建立连接时,客户端发送syn包(syn=j)到服务器,并进入SYN_SENT状态,等待 ...