WebSocket 使用示例，后台为nodejs
效果图
页面代码
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>WebSocket Client</title></head><body><script>const ws = new WebSocket('ws://localhost:8765')ws.onopen = () => {console.log('HTML: init!')ws.send(`HTML say -> I'm init!`)}ws.onmessage = event => {console.log('HTML listen: ', event.data)}ws.onerror = error => {console.error('HTML Error: ', error)}ws.onclose = event => {if (event.wasClean) {console.log('HTML Closed cleanly, code:',event.code,'reason:',event.reason)} else {console.error('HTML Connection died')}}</script></body>
</html>
服务后台代码
const WebSocket = require('ws')const wss = new WebSocket.Server({ port: 8765 })wss.on('connection', ws => {console.log('SERVER: init!')ws.on('message', message => {console.log('SERVER listen: %s', message)setInterval(() => {function getTwoNum(num) {return (+num < 10 ? '0' : '') + num}const now = new Date()const nowStr = `${now.getFullYear()}-${getTwoNum(now.getMonth() + 1)}-${getTwoNum(now.getDate())} ${getTwoNum(now.getHours())}:${getTwoNum(now.getMinutes())}:${getTwoNum(now.getSeconds())}`ws.send(`SERVER say -> ${nowStr}`)}, 3000)})
})new WebSocket（） api说明
var Socket = new WebSocket(url, [protocol] );
参数：
- url, 指定连接的 URL
- protocol 是可选的，指定了可接受的子协议
属性：
- Socket.readyState 只读属性 readyState 表示连接状态(0-表示连接尚未建立; 1-表示连接已建立，可以进行通信; 2-表示连接正在进行关闭; 3-表示连接已经关闭或者连接不能打开)
- Socket.bufferedAmount 只读属性 bufferedAmount 已被 send() 放入正在队列中等待传输，但是还没有发出的 UTF-8 文本字节数。
事件：
- open Socket.onopen 连接建立时触发
- message Socket.onmessage 客户端接收服务端数据时触发
- error Socket.onerror 通信发生错误时触发
- close Socket.onclose 连接关闭时触发
方法：
- Socket.send() 使用连接发送数据
- Socket.close() 关闭连接
相关文章：
WebSocket 使用示例，后台为nodejs
效果图 页面代码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><meta name"viewport" content"widthdevice-width, initial-scale1.0" /><title>WebSocket Client</title&g…...
【算法】力扣【树形DP】687. 最长同值路径
【算法】力扣【树形DP】687. 最长同值路径 687. 最长同值路径 文章目录 【算法】力扣【树形DP】687. 最长同值路径题目描述输入输出示例 题解思路代码描述 复杂度分析总结 题目描述 本题要求在给定的二叉树中寻找最长的同值路径，这个路径中的每个节点的值都相同。…...
S32DS用PE调试报错
1、问题： 在S32DS上用PE进行调试报错： Error while launching command: --version 2、解决方法 按下图操作 填入内容： ${cross_prefix}gdb${cross_suffix}...
Day02-DDLDMLDQL(定义,操作,查询)(联合查询,子查询,字符集和校对集,MySQL5.7乱码问题)
文章目录 Day02-DDL&DML和DQL学习目标1. SQL语言的组成2. DDL2.1 数据库结构2.2 表结构2.3 约束2.3.1 主键约束(重要)(1)特点(2) 添加主键(3)删除主键(了解) 2.3.2 自增约束(1)特点(2) 添加自增约束(3)删除自增约束(了解) 2.3.3 非空约束(1)添加非空约束(2) 删除非空约束 2…...
3D高斯泼溅的崛起
沉浸式媒体领域正在以前所未有的速度发展，其中 3D 高斯溅射成为一项关键突破。 这项技术在广泛的应用中看起来非常有前景，并且可能会彻底改变我们未来创建数字环境以及与数字环境交互的方式。 在本文中，我们将通过与摄影测量和 NeRF 等前辈进…...
基于python+vue家政服务系统flask-django-php-nodejs
相比于以前的传统手工管理方式，智能化的管理方式可以大幅降低家政公司的运营人员成本，实现了家政服务的标准化、制度化、程序化的管理，有效地防止了家政服务的随意管理，提高了信息的处理速度和精确度，能够及时、准确地…...
用户中心项目（登录 + 用户管理功能后端）
文章目录 1.登录功能-后端1.思路分析2.完成对用户名和密码的校验1.com/sun/usercenter/service/UserService.java 添加方法2.com/sun/usercenter/service/impl/UserServiceImpl.java 添加方法3.com/sun/usercenter/service/impl/UserServiceImpl.java 新增属性 3.记录用户的登录…...
嵌入式相机WEB，用C直接处理？
以前用HTTP连接相机的时候，以为是相机内部有一个类似tomcat之类的WEB服务器。收到相机命令后，通过链接库执行动作。 昨天想给相机增加一个时间显示，增加的项目一点就跳转到登录。 于是问了之前负责的，说是要后端改。再问嵌入式相…...
LeetCode_31_中等_下一个排列
文章目录 1. 题目2. 思路及代码实现详解（Python）2.1 两遍扫描 1. 题目 整数数组的一个 排列 就是将其所有成员以序列或线性顺序排列。 例如， a r r [ 1 , 2 , 3 ] arr [1,2,3] arr[1,2,3] ，以下这些都可以视作 a r r arr arr…...
huggingface的transformers训练gpt
目录 1.原理 2.安装 3.运行 编辑 4.数据集 编辑 4.代码 4.1 model init编辑 forward： 总结： 关于loss和因果语言模型： 编辑 交叉熵：编辑 记录一下transformers库训练gpt的过程。 transformers/examples/…...
第六十一回 放冷箭燕青救主 劫法场石秀跳楼-编译安装飞桨paddlepaddle@openKylin+RISCV
卢俊义在水里被张顺抓住，用轿子抬到了梁山。宋江等人下马跪在地上迎接，请他坐第一把交椅。卢俊义宁死不从，大家只好说留他在山寨几天，先让李固带着马车货物回去。吴用对李固说，你的主人已经答应坐第二把交椅了…...
白话讲人工智能、机器学习、深度学习
人工智能（Artificial Intelligence，AI） 定义： 想象一个聪明的机器人，它能思考、决策和学习，就像电影里的智能角色那样。人工智能就是努力打造这样的智能实体的学科，它试图模仿、扩展乃至超越人…...
ssm项目（tomcat项目），定时任务（每天运行一次）相同时间多次重复运行job 的bug
目录标题 一、原因 一、原因 debug本地调试没有出现定时任务多次运行的bug，上传到服务器就出现多次运行的bug。（war的方式部署到tomcat） 一开始我以为是代码原因，或者是linux和win环境不同运行定时任务的方式不一样。 但是自己…...
vue3 + ts +element-plus + vue-router + scss + axios搭建项目
本地环境： node版本：20.10.0 目录 一、搭建环境 二、创建项目 三、修改页面 四、封装路由vue-router 五、element-plus 六、安装scss 七、封装axios 一、搭建环境 1、安装vue脚手架 npm i -g vue/cli 2、查看脚手架版本 vue -V3、切换路径到需…...
二叉树试题解析
一、单项选择题 01.下列关于二叉树的说法中，正确的是( C ). A.度为2的有序树就是二叉树 B.含有n个结点的二叉树的高度为 C.在完全二叉树中，若一个结点没有左孩子，则它必是叶结点 D.含有n个结点的完全二叉树的高度为解析：A 二叉树…...
计算机服务器中了faust勒索病毒怎么办，faust勒索病毒解密工具流程
网络是一把利剑，可以方便企业开展各项工作业务，为企业提供极大的便利，但随着网络技术的不断发展与应用，网络数据安全威胁也在不断增加，给企业的正常生产运营带来了极大困扰，近日，云天数据恢复中…...
初次部署麒麟V10系统需要的配置,快速完成测试环境的搭建
配置麒麟V10 设置“root”登录密码 sudo su -passwd # 设置登录密码允许“root”远程登录 sudo vim /etc/ssh/sshd_configsshd_config # ↓↓↓↓修改的内容↓↓↓↓ PermitRootLogin yes # ↑↑↑↑修改的内容↑↑↑↑重启服务 sudo systemctl restart sshd允许通过图像界…...
DOcker in Docker 原理与实战代码详解
Docker in Docker（DinD）指的是在Docker容器内部运行另一个Docker守护进程和客户端。这种技术可以用于创建嵌套的Docker环境，例如在持续集成/持续部署（CI/CD）管道中构建和测试Docker镜像。然而，需要注意的是…...
公司系统中了.rmallox勒索病毒如何恢复数据？
早晨上班时刻： 当阳光逐渐洒满大地，城市的喧嚣开始涌动，某公司的员工们纷纷踏入办公大楼，准备开始新的一天的工作。他们像往常一样打开电脑，准备接收邮件、查看日程、浏览项目进展。 病毒悄然发作： 就在员…...
论文阅读：Forget-Me-Not: Learning to Forget in Text-to-Image Diffusion Models
Forget-Me-Not: Learning to Forget in Text-to-Image Diffusion Models 论文链接 代码链接 这篇文章提出了Forget-Me-Not (FMN)，用来消除文生图扩散模型中的特定内容。FMN的流程图如下： 可以看到，FMN的损失函数是最小化要消除的概念对应的…...
机器学习结合基因无关通路映射：从临床数据挖掘新药靶点
1. 项目概述：当机器学习遇见代谢通路，如何从数据中“挖”出新药靶点？在生物医学研究的前沿，我们正面临一个核心矛盾：一方面，我们拥有海量的临床数据，比如血糖、血压、BMI等指标；另一…...
Scroll Reverser：让Mac的多设备滚动体验回归直觉的免费神器
Scroll Reverser：让Mac的多设备滚动体验回归直觉的免费神器 【免费下载链接】Scroll-Reverser Per-device scrolling prefs on macOS. 项目地址: https://gitcode.com/gh_mirrors/sc/Scroll-Reverser 你是否曾经在MacBook的触控板和鼠标之间切换时࿰…...
半导体元件（二极管/三极管/MOS管/IC）损坏诊断全解
半导体元件（二极管、三极管、MOS 管、集成电路）是 PCB 的核心功能单元，对过压、过流、ESD、高温极度敏感，损坏后直接导致电路功能失效、短路烧板。很多工程师维修时盲目更换芯片，不仅成本高，还易误判。一…...
37家金融客户紧急启用的DeepSeek扫描辅助加固包（含未公开API调用密钥策略）
更多请点击： https://kaifayun.com 第一章：DeepSeek漏洞扫描辅助的背景与战略价值 近年来，大模型在安全领域的应用正从辅助问答向深度协同防御演进。DeepSeek系列模型凭借其开源、高推理精度及强代码理解能力，成为构建智能化漏洞…...
2027考研全套资料免费分享
备战27考研最全备考资料整理完毕，一路走来深知备考搜集资料耗费大量时间，浪费不少精力。特意整理2027考研全科完整版资源，全部打包汇总，零基础考生直接拿来就能使用，省去四处搜集资料的烦恼。资料内含：&…...
厨房空调技术白皮书：从风冷到水冷，制冷系统在厨房场景中的工程化演进
厨房空调是暖通行业近三年技术迭代最密集的细分品类。从最初的"凉霸"（本质是风扇），到风冷分体式，再到水冷一体式，每代技术都在解决上一代没有覆盖的用户痛点。本文以工程技术视角，梳理四代厨房制…...
为Claude Code配置稳定API源并解决访问限制
🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度 为Claude Code配置稳定API源并解决访问限制 Claude Code 作为一款强大的 AI 编程辅助工具，其原生服务在某些情况下可能…...
WarcraftHelper：让魔兽争霸3在现代电脑上完美运行的关键插件
WarcraftHelper：让魔兽争霸3在现代电脑上完美运行的关键插件 【免费下载链接】WarcraftHelper Warcraft III Helper , support 1.20e, 1.24e, 1.26a, 1.27a, 1.27b 项目地址: https://gitcode.com/gh_mirrors/wa/WarcraftHelper 你是否还在为《魔兽争霸3》这…...
结肠“瑞士卷”制片法
在肠道病理研究中，如何完整保留小鼠结肠的全层结构、同时避免人为损伤，一直是实验操作的难点。本文分享一套改良版“瑞士卷”制片技术，无需剖开肠管、无需机械顶压，即可获得高质量的全结肠切片，特别适合炎症、隐窝异常…...
从脚本到系统：设计一个支持插件、限流、重试与监控的 Python 异步爬虫框架
从脚本到系统：设计一个支持插件、限流、重试与监控的 Python 异步爬虫框架 很多人第一次写 Python 爬虫，都是从几十行脚本开始的：requests.get()、BeautifulSoup、for 循环、保存 CSV。它很快，也很有成就感。但真实项目往往不是“…...