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

html websocket的基本使用

news 文章来源：https://blog.csdn.net/zhao3756/article/details/135396342 2025/1/17 15:28:37

html websocket的基本使用

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><style>div {width: 200px;height: 200px;border: 1px solid #30897c;}</style><title>聊天室</title></head><body><input type="text" placeholder="输入你的内容" name="" id="" /><button>发送请求</button><!-- 显示结果 --><div></div></body>
</html><script>var input = document.querySelector("input");var button = document.querySelector("button");var div = document.querySelector("div");// 演示websocket在浏览器端如何使用// H5已经直接提供了websocket的API，所以我们可以直接使用// 1.创建websocket// 参数1:websocket的服务器地址var socket = new WebSocket("ws://localhost:3000"); //看02里面端口号是多少// open：当和websocket服务器连接成功的时候触发socket.addEventListener("open", function () {div.innerHTML = "连接服务成功了！";});// 3，主动给websocket服务发送消息button.addEventListener("click", () => {var value = input.value;socket.send(value);});// 4.接受websocket服务的数据socket.addEventListener("message", (e) => {console.log(e.data);div.innerHTML = e.data;});socket.addEventListener("close", () => {console.log("服务器断开。。。");});
</script>

相关文章：

html websocket的基本使用

html websocket的基本使用 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><meta http-equiv"X-UA-Compatible" content"IEedge" /><meta name"viewport" content"w…...

编程日记 2024/1/5 4:00:53

大数据 MapReduce是什么？

在Hadoop问世之前&#xff0c;其实已经有了分布式计算&#xff0c;只是那个时候的分布式计算都是专用的系统&#xff0c;只能专门处理某一类计算&#xff0c;比如进行大规模数据的排序。 很显然&#xff0c;这样的系统无法复用到其他的大数据计算场景&#xff0c;每一种应用都…...

编程日记 2024/1/5 3:58:50

ubuntu 如何放开防火墙端口，ubuntu 防火墙操作命令，ubuntu 防火墙全面操作说明

本文介绍了Ubuntu操作系统有关防火墙操作的命令。为了便于说明&#xff0c;请使用 root 用户或具有超级管理员权限的用户登录到 Ubuntu 系统&#xff0c;这样操作命令前就不需要加 sudo了。 一、安装防火墙 如果没有安装防火墙&#xff0c;请用如下命令安装&#xff1a; apt …...

编程日记 2024/1/5 3:57:50

计算机视觉入门与调优

大家好啊&#xff0c;我是董董灿。 在 CSDN 上写文章写了有一段时间了&#xff0c;期间不少小伙伴私信我&#xff0c;咨询如何自学入门AI&#xff0c;或者咨询一些AI算法。 90%的问题我都回复了&#xff0c;但有时确实因为太忙&#xff0c;没顾得过来。 在这个过程中&#x…...

编程日记 2024/1/5 3:56:49

Ndk编译hevc静态库

源码下载: https://hg.videolan.org/x265 然后执行以下脚本: #!/bin/bash# 设置NDK路径&#xff0c;根据你的实际安装路径修改 NDK_PATH/mnt/c/Users/Administrator/ubuntu_dev/ndk/android-ndk-r21e# 设置目标平台和ABI版本&#xff0c;可以根据实际情况修改 aarch64-linux-…...

编程日记 2024/1/5 3:55:48

Linux系统安装MySQL

Linux系统安装MySQL 第一步&#xff1a;下载YUM wget http://dev.mysql.com/get/mysql57-community-release-el7-11.noarch.rpm第二步&#xff1a;安装MySQL的YUM 仓库 rpm -ivh mysql57-community-release-el7-11.noarch.rpm第三步&#xff1a;查看MySQL版本 yum repolist …...

编程日记 2024/1/5 3:54:47

linux go环境安装 swag

下载依赖包 go get -u github.com/swaggo/swag编译 移动到下载的swag包目录,一般在$GOPATH/pkg/mod下 查看 GOPATH echo $GOPATHcd /root/GolangProjects/pkg/mod/github.com/swaggo/swagv1.16.2go install ./cmd/swag/不出意外&#xff0c;$GOPATH/bin下 已经有了swag 初…...

编程日记 2024/1/5 3:53:44

高效分割视频：批量剪辑，轻松提取m3u8视频技巧

在数字媒体时代&#xff0c;视频分割是一项常见的需求。无论是为了编辑、分享还是其他要求&#xff0c;经常要将长视频分割成多个短片。传统的视频分割方法往往需要手动操作&#xff0c;既耗时又容易出错。现在来看云炫AI智剪高效分割视频的方法&#xff0c;批量剪辑并轻松提取…...

编程日记 2024/1/5 3:51:43

自由DIY预约小程序源码系统：适用于任何行业+自由DIY你的界面布局+全新升级的UI+多用户系统 带安装部署教程

随着移动互联网的普及&#xff0c;预约服务逐渐成为人们日常生活的一部分。从家政服务、医疗挂号到汽车保养&#xff0c;预约已经渗透到各个行业。然而&#xff0c;市面上的预约小程序大多功能单一&#xff0c;界面老旧&#xff0c;无法满足商家和用户的个性化需求。今天来给大…...

编程日记 2024/1/5 3:49:41

el-select 多选，选有一个未选择的选项

多选有未选择这个选项后。会出现一个情况&#xff0c;绑定的数据为[‘未选择’,‘cpu1’,‘cpu2’] 进行一个处理&#xff0c;选择&#xff08;未选择&#xff09;就清除&#xff08;其它的选择&#xff09;&#xff0c;选择&#xff08;cpu&#xff09;就清除&#xff08;未选…...

编程日记 2024/1/5 3:48:40

CISSP 第6章： 密码学与对称加密算法

第六章 密码学与对称加密算法 6.1 密码学历史上的里程碑 6.1.1 凯撒密码 简单的将字母表中的每个字母替换成其后的三个字母&#xff0c;是单一字母的替代置换密码 6.1.2 美国内战 美国内战使用词汇替代和置换的复杂组合&#xff0c;从而试图破坏敌人的破译企图 6.1.3 Ultra与…...

编程日记 2024/1/5 3:42:32

《深入理解C++11：C++11新特性解析与应用》笔记八

第八章 融入实际应用 8.1 对齐支持 8.1.1 数据对齐 c可以通过sizeof查询数据的长度&#xff0c;但是没有对对齐方式有关的查询或者设定进行标准化。c11标准定义的alignof函数可以查看数据的对齐方式。 现在的计算机通常会支持许多向量指令&#xff0c;4组8字节的浮点数据&a…...

编程日记 2024/1/5 3:40:30

算法——BFS解决FloodFill算法

什么是FloodFill算法 中文&#xff1a;洪水灌溉。假设这一块4*4的方格是一块土地&#xff0c;有凸起的地方&#xff0c;也有凹陷的地方&#xff08;凹陷的地方用负数表示&#xff09;。此时下大雨发洪水&#xff0c;会把凹陷的地方填满。绿色圈起来的属于一块区域&#xff08;…...

编程日记 2024/1/5 3:37:27

【Linux】常用的基本命令指令②

前言&#xff1a;前面我们学习了Linux的部分指令&#xff0c;今天我们将接着上次的部分继续将Linux剩余的基本指令. &#x1f496; 博主CSDN主页:卫卫卫的个人主页 &#x1f49e; &#x1f449; 专栏分类:Linux的学习 &#x1f448; &#x1f4af;代码仓库:卫卫周大胖的学习日记…...

编程日记 2024/1/5 3:35:25

52、全连接 - 特征与样本空间的对应关系

上一节说到经过全连接层之后，神经网络学习到的特征，会从隐层特征空间逐步映射到样本空间，这主要是由于全连接层可以融合全局的特征。 在经过全连接层之后，在 ResNet50 这个神经网络中会输出1000个特征的得分值，这1000个特征的得分值，便可以对应到图像的分类。 怎么对应…...

编程日记 2024/1/5 3:31:22

Go语言中的包管理工具之Go Vendor的使用

GoLang 中常用的包管理的方式 常用的有三种 Go PathGo VendorGo Modules 关于 Go Vender 1 &#xff09;概述 在2015年的时候&#xff0c;我们的另一个包管理工具Go Vendor就诞生了它诞生于 2015.8.19 &#xff0c;是在Go的 1.5 版本当中引入的&#xff0c;它默认是关闭的我…...

编程日记 2024/1/5 3:28:19

QString设置小数点精度位数

QString设置小数点精度位数 Chapter1 QString设置小数点精度位数Chapter2 Qt中QString.toDouble有效位数6位问题以及数据小数点有效位数的处理问题一&#xff1a;QString.toDouble有效位只有6位问题二:小数点有效位数的问题 Chapter3 qt QString转Double只显示6位数字的问题(精…...

编程日记 2024/1/5 3:27:18

基于Java驾校预约管理系统

基于Java的驾校预约管理系统是一个为驾校提供在线预约服务的系统。该系统利用Java编程语言&#xff0c;采用SSM框架&#xff0c;并使用MySQL数据库进行开发。 这个系统主要有三个角色&#xff1a;用户、教练和管理员。 用户可以注册和登录系统&#xff0c;查看驾校的公告信息…...

编程日记 2024/1/5 3:26:16

C++面向对象高级编程（侯捷）笔记2

侯捷C面向对象高级编程 本文是学习笔记&#xff0c;仅供个人学习使用&#xff0c;如有侵权&#xff0c;请联系删除。 如果你对C面向对象的组合、继承和委托不了解&#xff0c;对什么是拷贝构造、什么是拷贝赋值和析构不清楚&#xff0c;对类设计中的Adapter、pImpl、Template…...

编程日记 2024/1/5 3:22:13

双曲正弦函数(*) 优化麦克劳林公式

#include<stdio.h> #include<math.h> int main() {double x,eps,i3,y,item;scanf("%lf%lf",&x,&eps);yx;itemx;while(fabs(item)>eps){itemitem*x*x/i/(i-1);i2;yitem;}printf("%.6f\n",y);return 0; }...

编程日记 2024/1/5 3:21:12

无监督关键词提取算法:TF-IDF、TextRank、RAKE、YAKE、 keyBERT

TF-IDF TF-IDF是一种经典的基于统计的方法&#xff0c;TF(Term frequency)是指一个单词在一个文档中出现的次数&#xff0c;通常一个单词在一个文档中出现的次数越多说明该词越重要。IDF(Inverse document frequency)是所有文档数比上出现某单词的个数&#xff0c;通常一个单词…...

编程日记 2024/1/5 3:17:09

web3 : blockscout剖析

Blockscout 是第一个功能齐全的开源区块链浏览器，可供任何以太坊虚拟机 (EVM) 链使用。项目方可以下载并使用Blockscout作为其链的浏览器，用户可以轻松验证交易、余额、区块确认、智能合约和其他记录。 目录 Blockscout可以做什么主要特征blockscoutDocker容器组件Postgres 1…...

编程日记 2024/1/5 3:15:07

【机器学习基础】DBSCAN

&#x1f680;个人主页&#xff1a;为梦而生~ 关注我一起学习吧&#xff01; &#x1f4a1;专栏&#xff1a;机器学习 欢迎订阅&#xff01;相对完整的机器学习基础教学&#xff01; ⭐特别提醒&#xff1a;针对机器学习&#xff0c;特别开始专栏&#xff1a;机器学习python实战…...

编程日记 2024/1/5 3:12:04

计算机硬件 4.4键盘与鼠标

第四节 键盘与鼠标 一、认识键盘 1.地位&#xff1a;计算机系统最基本的输入设备。 2.外观结构&#xff1a;面板、键帽、底盘、数据线。 3.组成键区&#xff1a;主键区、功能键区、辅助键区和编辑&#xff08;控制&#xff09;键区。 二、键盘分类 1.按接口分 ①AT口&…...

编程日记 2024/1/5 3:10:02

Flappy Bird QDN PyTorch博客 - 代码解读

Flappy Bird QDN PyTorch博客 - 代码解读 介绍环境配置项目目录结构QDN算法重要函数解读preprocess(observation)DeepNetWork(nn.Module)BirdDQN类主程序部分 介绍 在本博客中&#xff0c;我们将介绍如何使用QDN&#xff08;Quantile Dueling Network&#xff09;算法&#xf…...

编程日记 2024/1/5 3:07:00

听GPT 讲Rust源代码--compiler(9)

File: rust/compiler/rustc_trait_selection/src/traits/select/mod.rs 在Rust源代码中&#xff0c;rust/compiler/rustc_trait_selection/src/traits/select/mod.rs文件的作用是实现Rust编译器的trait选择器。 首先&#xff0c;让我们逐个介绍这些struct的作用&#xff1a; Se…...

编程日记 2024/1/5 3:04:56

Go语言中关于go get, go install, go build, go run指令

go get go get 它会执行两个操作 第一个, 是先将远程的代码克隆到Go Path的 src 目录那二个, 是执行go install命令 那如果指定的包可以生成二进制文件那它就会把这个二进制文件保存到这个 Go Path 的bin目录下面这是 go install 命令执行的操作 如果只需要下载包&#xff0c…...

编程日记 2024/1/5 3:03:55

石头剪刀布游戏 - 华为OD统一考试

OD统一考试 分值： 100分 题解： Java / Python / C++ 题目描述 石头剪刀布游戏有 3 种出拳形状: 石头、剪刀、布。分别用字母 A,B,C 表示游戏规则： 出拳形状之间的胜负规则如下: A>B; B>C; C>A； 左边一个字母，表示相对优势形状。右边一个字母，表示相对劣势形状。…...

编程日记 2024/1/5 2:58:50

【北亚服务器数据恢复】ZFS文件系统服务器ZPOOL下线的数据恢复案例

服务器数据恢复环境&#xff1a; 服务器中有32块硬盘&#xff0c;组建了3组RAIDZ&#xff0c;部分磁盘作为热备盘。zfs文件系统。 服务器故障&#xff1a; 服务器运行中突然崩溃&#xff0c;排除断电、进水、异常操作等外部因素。工作人员将服务器重启后发现无法进入操作系统。…...

编程日记 2024/1/5 2:57:50

C# 反射的终点：Type,MethodInfo,PropertyInfo,ParameterInfo,Summry

文章目录 前言反射是什么&#xff1f;常用类型操作SummryPropertyInfoMethodInfo无参函数运行 有参函数运行,获取paramterInfo 总结 前言 我之前写了一篇Attribute特性的介绍&#xff0c;成功拿到了Attribute的属性&#xff0c;但是如果把Attribute玩的溜&#xff0c;那就要彻…...

编程日记 2024/1/5 2:56:48

金华网站建设价格/赣州seo培训

作为开坑专业户&#xff0c;再开个坑&#xff0c;以前在国企时&#xff0c;想专门做渲染&#xff0c;可惜还要看懂引擎&#xff0c;要么没人帮封装。于是进行先学习引擎再学习渲染的路线。 抄写了最低版本的鬼火引擎&#xff0c;osg/osgearth和ogre的大部&#xff0c;osg最长的…...

编程日记 2025/1/17 11:47:07

wordpress二次打开/净水器十大品牌

百度文库热议中十大不靠谱的问题 百度文库热议中十大不靠谱的问题 文/陈永东 事情经过大家应该基本清楚。3月24日&#xff0c;由作家代表、出版界代表组成的“出版界反百度侵权同盟”与百度就文库盗版问题的谈判宣告破裂&#xff0c;其后&#xff0c;作家韩寒连发两篇博客&…...

编程日记 2025/1/17 5:09:56

网站建设小程序定制开发/seo站内优化教程

神经网络的基本单元是神经元&#xff0c;它是包括输入、连接、计算和输出功能的模型&#xff08;MP&#xff09;。其中&#xff0c;每个连接都对应一个权值&#xff0c;神经元在接受上一层神经元的不同输入信号后&#xff0c;通过对应的连接进行信号的加权传递&#xff0c;再利…...

编程日记 2025/1/17 1:09:51

成都集团网站建设/竞价托管哪家效果好

为国内高校的AI实力打call。 日前&#xff0c;全球计算机科学专业排名CSrankings进行了数据更新。这一排名由美国马萨诸塞大学安姆斯特分校的Emery Berger教授发起&#xff0c;他希望能够建立一个透明且有意义的排名体系。值得注意的是&#xff0c;CSrankings完全基于论文发表…...

编程日记 2025/1/17 0:52:37

简述网站建设的基本流程图/短视频运营是做什么的

为什么80%的码农都做不了架构师&#xff1f;>>> 问题描述 ERROR 1839 (HY000) at line 24: GLOBAL.GTID_PURGED can only be set when GLOBAL.GTID_MODE ON. 解决 在备份数据库时加上参数--set-gtid-purgedoff&#xff0c;避免将gtid信息导出 mysqldump --set-gti…...

编程日记 2025/1/17 0:09:19

皋兰县城乡和住房建设局网站/网页模板源代码

Description 给出一个长度为n的序列A(A1,A2...AN)。如果序列A不是非降的&#xff0c;你必须从中删去一个数&#xff0c;这一操作&#xff0c;直到A非降为止。求有多少种不同的操作方案&#xff0c;答案模10^97。Input 第一行一个整数n。接下来一行n个整数&#xff0c;描述A。Ou…...

编程日记 2025/1/16 23:05:43