当前位置：首页 > news >正文

极简聊天室-websocket版(双向通信)

news 2025/12/1 0:03:40

我们知道WebSocket是可以双向通信的，把极简聊天室代码又改了一下，前端发信息到后端也使用websocket，其实代码量更少了。。。

const express = require('express');
const app = express();
var wsServer = require('express-ws')(app)var msgs=[];app.use('/', express.static('./'));app.ws('/ws', (ws,req)=>{ws.send(JSON.stringify(msgs));ws.on('message', msg => {msgs.push(JSON.parse(msg));wsServer.getWss().clients.forEach(client=>{ client.send(msg) });})
});app.listen(3000, () => { console.log(`极简聊天室WebSocket版服务启动`); })

<!DOCTYPE html>
<html>
<head>
<title>极简聊天室websocket版</title>
<meta charset="utf-8">
<script src="jquery-3.6.1.min.js"></script>
</head>
<body>
<input id="msg"></input><button id="send" onclick=sendmsg()>发送</button>
<ul id="msgs">
</ul>
<script>
var uid;
let reg = new RegExp("(^|&)" + "uid" + "=([^&]*)(&|$)","i");
let r = location.search.substr(1).match(reg);
uid=(r!=null)?decodeURI(r[2]):"me";var ws = new WebSocket("http://localhost:3000/ws");ws.onmessage = event => {let jvar=JSON.parse(event.data);if (jvar instanceof Array) { jvar.forEach(item=>{ $("#msgs").append(`<li>${item.uid} 说: ${item.msg}</li>`)  })  }else { $("#msgs").append(`<li>${jvar.uid} 说: ${jvar.msg}</li>`) }
}function sendmsg()	{  ws.send(JSON.stringify({"uid":uid,"msg":$("#msg").val()})) }
</script>
</body>
</html>

效果跟前面一样，就不再贴图了。

极简聊天室-websocket版(双向通信)

我们知道WebSocket是可以双向通信的，把极简聊天室代码又改了一下，前端发信息到后端也使用websocket，其实代码量更少了。。。 const express require(express); const app express(); var wsServer require(express-ws)(app)var msgs[];ap…...

编程日记 2024/8/3 0:18:19

从小白到架构师 | 缓存预热

缓存预热指的是在系统启动或上线前，提前将经常访问的数据加载到缓存中，以避免在系统刚启动时，用户大量请求直接访问数据库，导致数据库压力过大或系统性能下降。通过缓存预热，可以确保系统一上线就能提供快速的响应时间…...

编程日记 2024/8/3 0:17:18

Modbus -- TCP协议

MODBUS TCP协议是一种基于TCP/IP协议的Modbus变种，它允许Modbus协议在以太网网络上运行，使得设备之间可以通过IP网络交换数据。一:协议概述 modbus_TCP协议:走的是网口，所以需要创建TCPclient对象进行通信,和modubus-RTU协议最大的区别是&a…...

编程日记 2024/8/3 0:16:17

python四舍五入取整数

在Python中，如果你想要对一个浮点数进行四舍五入并取整（即只保留整数部分），你可以使用内置的round()函数，但不指定第二个参数（即小数位数），或者明确指定为0。这样，Python…...

编程日记 2024/8/3 0:13:15

洛谷 P1868 饥饿的奶牛

原题题目描述有一条奶牛冲出了围栏，来到了一处圣地（对于奶牛来说），上面用牛语写着一段文字。现用汉语翻译为： 有 N 个区间，每个区间x,y 表示提供的x∼y 共y−x1 堆优质牧草。你可以选择任意区间但不…...

编程日记 2024/8/3 0:12:14

Arco Design 之Table表格

此篇文章为table表格示例，包含列、data数据、展开、选中、自定义等相关属性基础表格 <a-table :columns"columns1" :data"tableData1" />const columns1 [{ title: "编号", dataIndex: "no"},{ title: "名称…...

编程日记 2024/8/3 0:10:11

Python机器学习模型

Python机器学习模型、回归预测模型、数据清洗、数据处理、数据挖掘、数据分析代做。模型不仅限于线性回归、逻辑回归、决策树、SVM、随机森林、贝叶斯、XGBoost、LightGBM、CatBoost，聚类：K-Means、DBSCAN，机器学习都可。时间序列分析&…...

编程日记 2024/8/3 0:09:10

基于 STM32 的 NAS私有云盘搭建：集成LwIP 协议、HTTP/HTTPS、WEB前端技术栈（代码示例）

项目概述在本项目中，我们将搭建一个基于 STM32 的 NAS（网络附加存储）私盘，通过网络访问存储在外部 SATA 硬盘上的文件。该项目将使用 STM32 开发板、外接 SATA 硬盘、LwIP 协议栈以及 FATFS 文件系统来实现文件的上传、下载和管…...

编程日记 2024/8/3 0:07:09

蓝屏？死机？爆CPU？多开卡顿？你有关心过你的硬盘吗？

上来先叠甲蓝屏、死机、爆cpu、多开卡顿，不一定是硬盘的问题，只是硬盘有问题都可能会引起这些现象，所以不要遇到这些问题就一定认为是硬盘的问题然后说我说的，只是给你一个排除问题的思路。本文会采用比较通俗所以不太专业的角度…...

编程日记 2024/8/3 0:06:07

Flutter开发报错error: unable to unlink old ‘pubspec.yaml‘: Invalid argument

背景：主分支master，然后每人1个分支，每次push到自己分支后，再提mr到master。于是每次提交前要先git merge origin/master。有时候会报这个错误，无法merge 原因：很简单，就是pubspec.yaml这个文…...

编程日记 2024/8/3 0:05:07

零基础进程最详解：进程状态、僵尸进程、孤儿进程、阻塞态、挂起态、进程切换、进程常用命令、进程创建、队列优先级

目录强烈建议全文阅读！！！ 强烈建议全文阅读！！！ 强烈建议全文阅读！！！ 一、进程状态二、僵尸和孤儿进程 1、僵尸进程 Z（zombie） 2、孤儿进…...

编程日记 2024/8/3 0:04:05

Redis的分布式锁

目录一、定义与原理基于Redis的分布式锁获取锁释放锁锁误删问题：因为key值一样,将别人的锁删掉了锁误判问题二：判断锁和释放锁不是原子性的 Lua脚本分布式锁：满足分布式系统或集群模式下多进程可见并且互斥的锁分布式锁的优点…...

编程日记 2024/8/3 0:03:04

C++笔记---类和对象

1. 类的定义类是C中的一种自定义类型，是某个具体事物或概念的抽象化代码表示，通过类的成员（变量函数/方法），可以表征出事物或概念的特征。 1.1 类定义的格式 class Stack { public:// 成员函数void Init(int n 4)…...

编程日记 2024/8/3 0:00:02

后端源码地址：https://blog.csdn.net/Qhx20040819/article/details/140746050 前端源码地址：https://blog.csdn.net/Qhx20040819/article/details/140746216 智能合约+数据库表设计：https://blog.csdn.net/Qhx20040819/article/details/140746646 项目预览登录用户管理...

编程日记 2024/8/2 23:59:00

3个功能强大的PDF转换工具，免费试用

给大家分享3个功能强大能满足更高需求的PDF转换工具，都提供免费的试用机会。 1.嗨动PDF编辑器一款多功能的PDF编辑软件，集PDF阅读、PDF转换、PDF编辑功能为一体。支持转换的格式多样，转换速度快，转换后的排版和内容与原文保持一…...

编程日记 2024/8/2 23:58:00

表单修改数字输入框保留小数点

1.在表单设计打开修改的表单 2.打开需要修改的字段 3.按F12，进入“开发模式” 4.开启“开发者工具”左上角检索工具开启：鼠标左键点击，当图标颜色为蓝色关闭：鼠标左键点击，当图标颜色为灰色 5.鼠标移动到需要修改的…...

编程日记 2024/8/2 23:56:59

[VS Code扩展]写一个代码片段管理插件（一）：介绍与界面搭建

文章目录 VS Code扩展机制项目搭建创建UI元素活动栏按钮主边栏视图主边栏工具栏按钮侧边栏右键菜单编辑器右键菜单项目地址 [VS Code扩展]写一个代码片段管理插件（一）：介绍与界面搭建[VS Code扩展]写一个代码片段管理插件（二&…...

编程日记 2024/8/2 23:55:57

vxe grid slots 用法

官方例子：Vxe Table v3.8 {field: num1,title: Num1,showHeaderOverflow: true,filters: [{ data: }],editRender: { autofocus: .my-input },slots: {// 使用插槽模板渲染default: num1_default,header: num1_header,footer: num1_footer,filter: num1_filter,edi…...

编程日记 2024/8/2 23:54:55

【网络】基于UDP协议的聊天室（第二篇）

目录 UDP服务器 UDP客户端在C中，使用UDP协议进行网络通信通常涉及到socket编程。下面我将给出基于UDP的简单的客户端和服务器示例代码。这些示例将使用C标准库以及POSIX套接字接口（主要适用于Linux和类Unix系统）。如果你在使用Windows&…...

编程日记 2024/8/2 23:53:54

【SpringBoot3】场景整合（实战）

0 环境准备 0.0 云服务器阿里云、腾讯云、华为云服务器开通； 按量付费，省钱省心安装以下组件：docker、redis、kafka、prometheus、grafana 下载windterm： https://github.com/kingToolbox/WindTerm/releases/download/2.5…...

编程日记 2024/8/2 23:52:53

(LeetCode 每日一题) 3442. 奇偶频次间的最大差值 I (哈希、字符串)

题目：3442. 奇偶频次间的最大差值 I 思路 ：哈希，时间复杂度0(n)。用哈希表来记录每个字符串中字符的分布情况，哈希表这里用数组即可实现。 C版本： class Solution { public:int maxDifference(string s) {int a[26]…...

编程新知 2025/11/30 12:56:42

R语言AI模型部署方案：精准离线运行详解

R语言AI模型部署方案：精准离线运行详解一、项目概述本文将构建一个完整的R语言AI部署解决方案，实现鸢尾花分类模型的训练、保存、离线部署和预测功能。核心特点： 100%离线运行能力自包含环境依赖生产级错误处理跨平台兼容性模型版本管理# 文件结构说明 Iris_AI_Deployme…...

编程新知 2025/11/23 19:03:29

逻辑回归：给不确定性划界的分类大师

想象你是一名医生。面对患者的检查报告（肿瘤大小、血液指标），你需要做出一个**决定性判断**：恶性还是良性？这种“非黑即白”的抉择，正是**逻辑回归（Logistic Regression）** 的战场&a…...

编程新知 2025/10/27 21:25:04

.Net框架，除了EF还有很多很多......

文章目录 1. 引言2. Dapper2.1 概述与设计原理2.2 核心功能与代码示例基本查询多映射查询存储过程调用 2.3 性能优化原理2.4 适用场景 3. NHibernate3.1 概述与架构设计3.2 映射配置示例Fluent映射XML映射 3.3 查询示例HQL查询Criteria APILINQ提供程序 3.4 高级特性3.5 适用场…...

编程新知 2025/11/22 15:33:15