Web前端-3小时教你打造一个聊天室（websocket）

Web前端-3小时教你打造一个聊天室（websocket）

01-websocket概念
02-H5中新增的websocket API
03-nodejs开发自己的websoket服务
04-使用websocket开发一个基本的聊天室
05-使用websocket实现简单的聊天室
06-socketio的基本用法
07-socketio的基本用法
08-使用socketio开发聊天室-登录功能
09-登录成功-显示个人用户信息
10-登录成功-显示加入群聊的消息
11-显示用户列表与用户数量
12-离开聊天室功能-完成
13-聊天室功能-聊天的基本功能

14-聊天室功能-滚动到底部的问题

15-聊天室功能-发送图片
16-jquery-emoji表情包的使用
17-聊天功能-发送表情包完成

git clone https://gitee.com/PuddingJoker/socketio-chat-room.git

https://github.com/sitegui/nodejs-websocket

socketio emit.name发信息-广播自带 on监听

//1.告诉所有用户，有人加入了聊天室broadcast（`${conn.userName}进入了聊天室*） on.name

广播

//当前元素的底部滚动到可视区
$（'.box-bd'）
.children（'：last'）
.get（0）.
.scrollIntoView（false）.

11 需要把这个文件发送到服务器，借助 于H5新增的fiLeReader var frI= new FileReader（）

//等待图片加载完成
$（'.box-bd img:last'）.
）

https://github.com/eshengsky/jQuery-emoji

<l--div添加一个属性：contenteditable 可写

input 不可以显示表情