websoket
WebSockets 是一种先进的技术。它可以在用户的浏览器和服务器之间打开交互式通信会话。你可以向服务器发送消息并接收事件驱动的响应，而无需通过轮询服务器的方式以获得响应，比较典型的应用场景就是即时通讯（聊天）系统。
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>WebSocket 示例</title></head><body><script>// 实例化 socketconst ws = new WebSocket('wss://socketsbay.com/wss/v2/1/demo/')// 监听连接的建立ws.onopen = function (ev) {console.log('建立连接...')ws.send('Hello WebSockets!')}// 监听连接的断开ws.onclose = function (ev) {console.log('断开连接...')}// 监听 socket 服务器消息ws.onmessage = function (ev) {console.log('收到消息: ' + ev.data)}</script></body>
</html>
Socket.IO 是基于 WebSocket 进行的二次封装，封装了更多的业务层面的逻辑，如身份认证等、事件驱动等。
注：其实 Socket.IO 不仅仅是封装了 WebSocket，还有基于 Ajax 的长轮询机制，在不支持 WebSocket 的环境中会自动降级为基于 Ajax 的长轮询机制。
长轮询机制可以粗暴的理解为在一个定时器中不断的重复发 Ajax 请求，以实现与服务器实时通信的功能。
客户端代码
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>socket.io 示例</title>
</head><body><button id="myButton">点击</button><!-- <script src="node_modules/socket.io/client-dist/socket.io.js"></script> --><script src="https://cdn.socket.io/4.4.1/socket.io.min.js"></script><script>// 实例化const socket = io('http://localhost:3000', {transports: ['websocket'],})socket.on('connect', () => {console.log('建立连接...')})socket.on('disconnect', () => {console.log('断开连接...')})socket.on('sendToClient', (msg) => {console.log('收到来自服务器数据: ' + msg)})var myButton = document.getElementById('myButton');myButton.addEventListener('click', function () {socket.emit('sendToServer', '的花花世界是江苏省靖江市就是')});</script>
</body></html>
服务端代码
// server.js
import { createServer } from 'http'
import { Server } from 'socket.io'
import path from 'path'const server = createServer()
const io = new Server(server)// websocket
io.on('connection', (client) => {console.log('建立连接...')// 消息发送client.on('sendToServer', (msg) => {console.log('收到了客户端的数据: ' + msg)// 随机返回一条消息const messages = ['你好!', '我在写代码', '快下课了吧？']// 0 ~ 2 随机数据const index = Math.floor(Math.random() * 3)// 向客户端回复消息io.emit('sendToClient', messages[index])})// 断开连接client.on('disconnect', () => {console.log('断开连接...')})
})server.listen(3000, () => {console.log('server start')
})相关文章：
websoket
WebSockets 是一种先进的技术。它可以在用户的浏览器和服务器之间打开交互式通信会话。你可以向服务器发送消息并接收事件驱动的响应，而无需通过轮询服务器的方式以获得响应，比较典型的应用场景就是即时通讯（聊天）系统。 <!DOC…...
案例：微服务从Java/SpringBoot迁移到Golan
基于 Java 的微服务，特别是那些使用 Spring Boot 的微服务，长期以来因其强大的功能和广泛的社区支持而闻名。Spring Boot 的约定优于配置方法简化了微服务的部署和开发，提供了大量开箱即用的功能，例如自动配置、独立功能和简单的依…...
小波变换模拟
小波变换是一种信号处理技术，通过在时间-频率域中使用基于小波的函数进行信号分析。小波变换在处理非平稳信号和图像时特别有用，可以将信号分解为不同频率的成分。它在数据压缩、去噪、特征提取等领域有广泛应用。 MATLAB中提供了用于二维离散小波变换的…...
cv::Mat图像操作
图像读写 //include header #include <opencv2/imgcodecs.hpp>/** Currently, the following file formats are supported: Windows bitmaps - *.bmp, *.dib (always supported) JPEG files - *.jpeg, *.jpg, *.jpe (see the Note section) JPEG 2000 files - *.jp2 (s…...
【机器学习基础】一元线性回归（适合初学者的保姆级文章）
🚀个人主页：为梦而生~ 关注我一起学习吧！ 💡专栏：机器学习 欢迎订阅！后面的内容会越来越有意思~ 💡往期推荐： 【机器学习基础】机器学习入门（1） 【机器学习基…...
2024年软件测试岗位-面试
第一部分： 1、自我介绍：简历写到的快速描述，学校、学历、工作经验等（注意：不要过度优化简历，你不写别人可能会问，但你写了别人一定会问！） 第二部分： 1、功能测…...
【坑】Spring Boot整合MyBatis，一级缓存失效
一、Spring Boot整合MyBatis，一级缓存失效 1.1、概述 MyBatis一级缓存的作用域是同一个SqlSession，在同一个SqlSession中执行两次相同的查询，第一次执行完毕后，Mybatis会将查询到的数据缓存起来（缓存到内存中…...
J7 - 对于ResNeXt-50算法的思考
🍨 本文为🔗365天深度学习训练营 中的学习记录博客🍖 原作者：K同学啊 | 接辅导、项目定制 J6周有一段代码如下 思考过程 首先看到这个问题的描述，想到的是可能使用了向量操作的广播机制然后就想想办法验证一下&…...
R3F（React Three Fiber）基础篇
之前一直在做ThreeJS方向，整理了两篇R3F（React Three Fiber）的文档，这是基础篇，如果您的业务场景需要使用R3F，您又对R3F不太了解，或者不想使用R3F全英文文档，您可以参考一下这篇&…...
torch\tensorflow在大语言模型LLM中的作用
文章目录 torch\tensorflow在大语言模型LLM中的作用 torch\tensorflow在大语言模型LLM中的作用 在大型语言模型（LLM）中，PyTorch和TensorFlow这两个深度学习框架起着至关重要的作用。它们为构建、训练和部署LLM提供了必要的工具和基础设施。 …...
设计模式-创建型模式-单例模式
0 引言 创建型模式（Creational Pattern）关注对象的创建过程，是一类最常用的设计模式，每个创建型模式都通过采用不同的解决方案来回答3个问题：创建什么（What），由谁创建（W…...
备战蓝桥杯—— 双指针技巧巧答链表1
对于单链表相关的问题，双指针技巧是一种非常广泛且有效的解决方法。以下是一些常见问题以及使用双指针技巧解决： 合并两个有序链表： 使用两个指针分别指向两个链表的头部，逐一比较节点的值，将较小的节点链接到结果链表…...
微信小程序返回上一级页面并自动刷新数据
文章目录 前言一、获取小程序栈二、生命周期触发总结 前言 界面由A到B，在由B返回A，触发刷新动作 一、获取小程序栈 界面A代码 shuaxin(){//此处可进行接口请求从而实现更新数据的效果console.log("刷新本页面数据啦")},界面B代码 // 返回触…...
Spring⼯⼚创建复杂对象
文章目录 5. Spring⼯⼚创建复杂对象5.1 什么是复杂对象5.2 Spring⼯⼚创建复杂对象的3种⽅式5.2.1 FactoryBean 接口5.2.2 实例⼯⼚5.2.3 静态工厂 5.3 Spring 工厂的总结 6. 控制Spring⼯⼚创建对象的次数6.1 如何控制简单对象的创建次数6.2 如何控制复杂对象的创建次数6.3 为…...
Top-N 泛型工具类
一、代码实现 通过封装 PriorityQueue 实现，PriorityQueue 本质上是完全二叉树实现的小根堆（相对来说，如果比较器反向比较则是大根堆）。 public class TopNUtil<E extends Comparable<E>> {private final PriorityQ…...
Java 后端面试指南
面试指南 TMD，一个后端为什么要了解那么多的知识，真是服了。啥啥都得了解 MySQL MySQL索引可能在以下几种情况下失效： 不遵循最左匹配原则：在联合索引中，如果没有使用索引的最左前缀，即查询条件中没有包含…...
142.环形链表 ||
给定一个链表的头节点 head ，返回链表开始入环的第一个节点。 如果链表无环，则返回 null。 如果链表中有某个节点，可以通过连续跟踪 next 指针再次到达，则链表中存在环。 为了表示给定链表中的环，评测系统内部使用整…...
Nacos、Eureka、Zookeeper注册中心的区别
Nacos、Eureka和Zookeeper都是常用的注册中心，它们在功能和实现方式上存在一些不同。 Nacos除了作为注册中心外，还提供了配置管理、服务发现和事件通知等功能。Nacos默认情况下采用AP架构保证服务可用性，CP架构底层采用Raft协议保证数据的一…...
CSS重点知识整理1
目录 1 平面位移 1.1 基本使用 1.2 单独方向的位移 1.3 使用平面位移实现绝对位置居中 2 平面旋转 2.1 基本使用 2.2 圆点转换 2.3 多重转换 3 平面缩放 3.1 基本使用 3.2 渐变的使用 4 空间转换 4.1 空间位移 4.1.1 基本使用 4.1.2 透视 4.2 空间旋转 4.3 立…...
【Langchain多Agent实践】一个有推销功能的旅游聊天机器人
【LangchainStreamlit】旅游聊天机器人_langchain streamlit-CSDN博客 视频讲解地址：【Langchain Agent】带推销功能的旅游聊天机器人_哔哩哔哩_bilibili 体验地址： http://101.33.225.241:8503/ github地址：GitHub - jerry1900/langcha…...
AI科技热点日报 | 2026年5月16日
文章目录AI科技热点日报 | 2026年5月16日一、大模型与基础技术《人工智能终端智能化分级》系列国家标准发布"九章四号"量子计算原型机刷新世界纪录二、AI政策与监管人工智能科技伦理审查与服务先导计划启动工信部部署高质量行业数据集建设三、Agent与应用"AI教育…...
给UE4蓝图和C++开发者的Lua/UnLua入门：什么时候该用，怎么设计架构？
UE4架构设计指南：何时引入Lua与UnLua的最佳实践 当你在UE4项目中频繁修改玩法逻辑时，是否经历过这样的困境：每次调整都需要重新编译C代码，等待时间从几分钟到几小时不等；或者蓝图节点越连越多，最终变成难以…...
基于ADT7410与ESP8266的物联网温度监测系统实战指南
1. 项目概述：从传感器到云端的温度监测闭环在嵌入式开发和物联网项目中，温度监测是一个经典且高频的需求场景。无论是实验室环境监控、智能家居的恒温控制，还是工业设备的状态感知，一个稳定、精确且能远程访问的温度数据流都是基础…...
5分钟掌握英雄联盟国服换肤：R3nzSkin完整解决方案
5分钟掌握英雄联盟国服换肤：R3nzSkin完整解决方案 【免费下载链接】R3nzSkin-For-China-Server Skin changer for League of Legends (LOL) 项目地址: https://gitcode.com/gh_mirrors/r3/R3nzSkin-For-China-Server 你是否曾在游戏中羡慕别人的稀有皮肤&…...
Unity SLG大地图实战：用TileManager和AOI搞定网格管理与视野同步（附Demo代码）
Unity SLG大地图开发实战：网格管理与AOI视野同步的工程化解决方案 在SLG游戏开发中，大地图系统是核心体验的基石。面对动辄数万网格的动态管理需求，以及需要与后端高效协作的视野同步问题，传统开发方式往往陷入性能瓶颈和逻辑混乱…...
layerJS与现代前端框架集成：Vue、React、Angular中的最佳实践指南 [特殊字符]
layerJS与现代前端框架集成：Vue、React、Angular中的最佳实践指南 🚀 【免费下载链接】layerJS layerJS: Javascript UI composition framework 项目地址: https://gitcode.com/gh_mirrors/la/layerJS layerJS是一个创新的JavaScript UI组合框架&…...
5个技巧快速掌握Fire Dynamics Simulator：从零到火灾模拟专家的完整指南
5个技巧快速掌握Fire Dynamics Simulator：从零到火灾模拟专家的完整指南 【免费下载链接】fds Fire Dynamics Simulator 项目地址: https://gitcode.com/gh_mirrors/fd/fds 你是否曾好奇，当火灾发生时，烟雾如何在建筑中扩散࿱…...
企业微信多账号协同管理方案：矩阵如何统一管理？
账号越来越多、运营越来越乱？通过企业微信 API，实现多账号统一管理与自动化调度。很多私域团队在业务增长后，都会开始运营多个企业微信账号。 但账号一多，人工切换、消息管理、客户分配都会变得非常混乱。QiWe 开放平台通过标准化…...
纺织行业智能化升级进入深水区：AI验布机从“可选项”变为“必选项”
过去三年，走访过数十家纺织服装企业的行业观察者会发现一个明显的变化：2023年时，AI验布机还是展会上引人驻足的新奇设备；到了2025年，它已经成为越来越多工厂标准配置的一部分。这一转变背后，折射出整个纺织…...
GPT5.5复杂任务拆解提示策略单次对话搞不定的活这样分
做多模型横向对比测试时常用的聚合平台推荐下：库拉KULAAI（c.877ai.cn），上面能直接调GPT-5.5和多个主流模型做复杂任务拆解能力对比。下面进入正题。复杂任务为什么让AI翻车用AI Agent干活一段时间后你一定遇到过这种情况。你让它一…...