webSocket直播通信

项目参考：https://blog.csdn.net/oschina_41719058/article/details/79669690

技术结构

webpack

本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

在该例中，我们用其编译和合并压缩 ES5 以上 JS、SASS/SCSS、各种图片和字体资源等，并建立开发模式下热重载服务端，以方便系统调试。

jQuery

jQuery 是一个“写的更少，但做的更多”的轻量级 JavaScript 库。

在该例中，我们用其操作 DOM 节点。

WebSocket

WebSocket 是基于TCP的一种新的网络协议，不同于 HTTP 一次请求一次响应的机制，它允许服务器主动发送信息给客户端，由此衍生了许多基于 WebSocket 的 web 即时应用。

在该例中，我们采用 node 第三方 ws 模块以建立网页即时通讯服务端。

核心功能
当打开页面时，系统会为用户随机分配一个名称

用户可以手动修改名称，系统将向所有客户端广播消息以同步数据

当用户 建立/关闭 连接时，系统将广播消息通知所有客户端创建新的联系人项目