标签：图片

对于前端来说，登录就是把用户信息提交上去，后续就不用前端去担心了。但是，当我真正完整地做过一个登陆 sdk 项目，就会发现这里边的逻辑不是那么简单。本文总结了目前各种主流系统登录方式，包括：Session、JWT、单点登录（SSO）以及 OAuth2。

WebSocket 是一种网络传输协议，可在单个 TCP 连接上进行全双工通信，位于 OSI 模型的应用层。WebSocket 协议在 2011 年由 IETF 标准化为 RFC 6455，后由 RFC 7936 补充规范。本文详细介绍了 WebSocket 协议的核心要点及相关 API。

ES6 引入了一种新的对象：Proxy 对象，也称为代理器， 可以理解成在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程语言进行编程。

随着 Web 应用的成长越来越快，而且复杂度越来越高，增加了一些新特性：audio 或 video 的操作；使用 WebSocket 收发未经过加工的二进制数据等等，因此通过 JavaScript 的 Typed Array 容易且快速的操作未经加工的二进制数据就变得很重要，可以在更深层次对数据做控制。

随着前端的发展，特别是 React、Vue 等构造单页应用的兴起，前端的能力得以很大提升，随之而来的是项目的复杂度越来越大。此时的前端的静态资源也越来越庞大，而毫无疑问 javascript 资源已是前端的主体资源，对于压缩它的体积至为重要。