国庆连假中,假日只想耍废玩 game,不想进修QQ,但为了避免断赛,还是加减推一些东西,等明後天再来调整吧?不过也许会懒癌发作。
讯息列表页面,新增一个栏位用来显示目前线上人数。
<h2>Hello : {{ username }}</h2>
server-side 这边可以利用 ws 提供的 size(即 wss.clients.siz
) 来捞出目前的登入人数。
将人数的数字,塞入物件中,再回传给 client-side。
ws.on('message', function (message) {
const bufferMessageObj = Buffer.from(message).toString();
let formData = JSON.parse(bufferMessageObj);
formData.num = wss.clients.size;
wss.clients.forEach((client) => {
if (client.readyState === WebSocket.OPEN) {
client.send(JSON.stringify(formData));
}
});
});
client-side 此处的写法实在不好,过於巢状,但就先求功能出来,之後再来想怎麽改了。
data: {
// ...
onlineNum: '',
},
onMessage(event) {
let obj = JSON.parse(event.data);
this.onlineNum = obj.num;
if (obj.event === 'login') {
this.list.push(`Welcome : ${obj.message} enter chat!`);
} else {
if (obj.name !== this.name) {
this.list.push(obj.message);
}
}
},
>>: Day27_是不是跟个资法卯上了~哈哈~CBPR-2021/10/10
什麽是 Deployment ? 前几天的教学中我们使用 Pod 加上 Service 在 Kube...
前言 决策树(DecisionTree)如果leaf太多的话容易overfitting 若leaf太...
昨天讲完的CSS的文字和区块属性後,今天要接续介绍版面布局的属性,以及一个非常好用的布局容器 - F...
今天邀请到同学系的大四学长,同时也是我参与这届铁人赛组别「NTNU-Unic0rn」的组长大大~ 希...
set 可以使用大括号 { } 或者 set() 函数创建集合,以下为set用法: set 不会包含...