客户端对于 WebSocket 的封装重点考虑三个问题： 1、连接状态 2、心跳检测 3、断线重连 连接状态 WebSocket 返回的连接状态有 4 种： 0、WebSocket.CONNECTIN

1. 不使用临时变量来交换变量的值 2. 对象解构，让数据访问更便捷 3. 浅克隆对象 4. 合并对象 5. 清理数组 6. 将 NodeList 转换为数组 7. 检查数组是否满足指定条件 8.

这篇文章主要是用WebSocket技术实现一个即时通讯聊天室。从0到1一步一步的编写所有代码，上手容易

在Web应用中，文件上传是一项常见的功能。然而，当文件体积过大时，传统的文件上传方式往往会导致页面卡顿，用户体验不佳。为了解决这一问题，我们可以利用Web Worker技术来进行大文件的切片上传。

众所周知，Javascript最初设计是运行在浏览器中的，为了防止多个线程同时操作DOM带来渲染冲突问题，js执行器被设计成单线程，但随着前端技术的发展，js能力远不止如此。

本文会结合 Web Workers 在京东羚珑的程序化设计项目中的实践，分享一下在当下的 2023 年，关于 worker 融入项目的一些思考和具体的实现方式。

“如何优化大文件上传？”，“用Web Worker!” 前记 “师兄，你们之前开发的项目里面的文件上传老是上传的很慢，有时候还不成功，感觉体验不大好”。这是前段时间学校工作室的师弟跟我说的一句话，我还

WebSocket在2008年被提出，其通信协议于2011被制定为标准 与http不同，websocket支持全双工通信（即：在客户端和服务之间双向通信）在websocket问世之前，客户端与服务器通常采用http轮询和Comet等方式保持长链接 然而，这么做无疑会对服务端造成资...

当浏览器想要获取远程的数据时，我们并不会立即动身（发送请求），在计算机领域，很多性能问题都会通过增加缓存来解决，前端也不例外。这也意味着，在缓存检查阶段我们就会有很多机会将后续的性能问题扼杀在摇篮之中