websocket vue操作

let websocket: WebSocket;
/** websocket测试 */
function connectWebsocket() {if (typeof WebSocket === "undefined") {console.log("您的浏览器不支持WebSocket");return;}// let ip = window.location.hostname + ":8080";let ip = "10.192.30.161:8080";let url = `ws://${ip}/websocket/download`;// 打开一个websocketwebsocket = new WebSocket(url);// 建立连接websocket.onopen = () => {console.log("websocket已连接");// websocket.send("ping");};// 客户端接收服务端返回的数据websocket.onmessage = (evt) => {let data = evt.dataconsole.log("websocket返回的数据:", data);if (data.length > 0) {handleSearch();}};// 发生错误时websocket.onerror = (evt) => {console.log("websocket错误:", evt);};// 关闭连接websocket.onclose = (evt) => {console.log("websocket关闭:", evt);};
}
connectWebsocket();// 监听窗口关闭事件,当窗口关闭时,主动去关闭websocket连接,防止连接还没断开就关闭窗口,server端会抛异常。
window.onbeforeunload = function () {websocket.close();
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/215511.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

瑞萨RZ/G2L核心板Linux Log目录文件详解

为了排除系统问题,监控系统健康状况以及了解系统与应用程序的交互方式,我们需要了解各log文件的作用,以G2L中yocto文件系统为例,在系统/var/log/目录下会存放记录系统中各个部分的log文件作用如下: 1. 文件详情 下图…

Ubuntu系统部署Inis博客并使用内网穿透发布到公网随时随地远程访问

目录 前言 推荐 1. Inis博客网站搭建 1.1. Inis博客网站下载和安装 1.2 Inis博客网站测试 1.3 cpolar的安装和注册 2. 本地网页发布 2.1 Cpolar临时数据隧道 2.2 Cpolar稳定隧道(云端设置) 2.3.Cpolar稳定隧道(本地设置)…

鸿蒙原生应用/元服务开发-Stage模型能力接口(二)

ohos.app.ability.AbilityConstant (AbilityConstant)一、说明 AbilityConstant提供Ability相关的枚举,包括设置初次启动原因、上次退出原因、迁移结果、窗口类型等。本模块首批接口从API version 9开始支持。后续版本的新增接口,采用上角标单独标记接口…

matlab 最小二乘拟合平面(拉格朗日乘子法)

目录 一、算法原理二、代码实现三、结果展示本文由CSDN点云侠原创,原文链接。博客长期更新,爬虫自重。 一、算法原理 设拟合出的平面方程为: a x + b y &#

Linux笔记之systemctl命令详解

Linux笔记之systemctl命令详解 code review! 文章目录 Linux笔记之systemctl命令详解systemctl restart docker 详解 systemctl 是一个用于管理 systemd 服务的命令行工具。systemd 是一个用于启动、停止和管理 Linux 系统中的进程的系统和服务管理器。下面是一些常见的 syst…

机器视觉系统选型-条形光源分类及应用场景

标准面光源 从平坦发光面照射漫射光 机械零件尺寸测量电子元件、IC的外形检测边缘缺陷检测服装纺织、食品包装检测 中孔面光源 从相机的同轴方向照射漫射光 金属零件缺陷检测金属外壳检测大面积电子元件的字符识别 平行面光源 照射平行度较高的漫射光玻璃瓶直径测量螺钉牙轮…

Android studio 离线配置gradle

Gradle Distributions Gradle Distributions 查看gradle 文件夹下 gradle-wrapper.properties文件中的distributionUrl 版本号 然后在上边网站下载对应需要的gradle对应版本 下载后复制到 gradle wrapper文件下,同时修改 distributionUrl 指向本地文件 然后同步就…

xtu oj 1233 Cycle Matrix

题目描述 给定N,输出一个N*N的矩阵,矩阵为N层,每层是一个字符,从A到Z。 比如说N3,矩阵为 CCCCC CBBBC CBABC CBBBC CCCCC输入 第一行是一个整数K(K≤50),表示样例数。 每个样例占1行,为一个整…

647.回文子串

给你一个字符串 s ,请你统计并返回这个字符串中 回文子串 的数目。 回文字符串 是正着读和倒过来读一样的字符串。 子字符串 是字符串中的由连续字符组成的一个序列。 具有不同开始位置或结束位置的子串,即使是由相同的字符组成,也会被视作…

迷你型洗衣机好用吗?口碑好的四款小型洗衣机推荐

随着人们的生活水平的提升,越来越多小伙伴来开始追求更高的生活水平,一些智能化的小家电就被发明出来,而且内衣洗衣机是其中一个。现在通过内衣裤感染到细菌真的是越来越多,所以我们对内衣裤的清洗频次会高于普通衣服,…

轻量封装WebGPU渲染系统示例<47>- 多种光源(源码)

当前示例源码github地址: https://github.com/vilyLei/voxwebgpu/blob/feature/material/src/voxgpu/sample/MultiLightsShading.ts 当前示例运行效果: 此示例基于此渲染系统实现,当前示例TypeScript源码如下: export class MultiLightsShading {private mRscene…

STM32 DAC+串口

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言一、DAC是什么?二、STM32 DAC1.什么型号有DAC2. 简介3. 主要特点4. DAC框图5. DAC 电压范围和引脚 三、程序步骤总结 前言 提示:这里可…

Runtime

Runtime 概念: Runtime是一套底层纯C语言API,OC代码最终都会被编译器转化为运行时代码,通过消息机制决定函数调用方式,这也是OC作为动态语言使用的基础。Runtime的最大特征就是实现了OC语言的动态特性。 消息机制原理 在Objec…

代码随想录27期|Python|Day13|栈与队列|239. 滑动窗口最大值 (一刷至少需要理解思路)|347.前 K 个高频元素 (一刷至少需要理解思路)

239. 滑动窗口最大值 单调队列 滑动窗口中的队列一直保持出口大,入口小的顺序。(图:代码随想录) 1、每次有新的元素进入(也就是滑动窗口移动后),都需要先和入口的元素比较大小,如果…

BDD100K数据集

官网:BDD100K (vis.xyz)​​​​​ 论文:[1805.04687] BDD100K: A Diverse Driving Dataset for Heterogeneous Multitask Learning (arxiv.org) github:bdd100k/bdd100k: Toolkit of BDD100K Dataset for Heterogeneous Multitask Learning - CVPR 2020 Oral Pap…

特发性震颤会导致其他并发症吗?

特发性震颤是一种较为常见的神经系统疾病,其主要症状是姿势性震颤,常常在手部开始,并可逐渐累及头部、下肢等其他部位。虽然特发性震颤的主要症状是震颤,但该病也可能导致其他并发症。下面将详细介绍特发性震颤可能引起的并发症。…

灵茶 - 2023 - 12 - 12

链接 Problem - 620C - Codeforces 思路 : 贪心 : 对于每一段区间,从前往后贪,如果前面一段区间有重复数字,那么就直接合并成答案的一段区间,然后继续寻找下一段区间,对于最后一段,如果没有匹配的话&am…

自定义kafka客户端消费topic

文章目录 自定义kafka客户端消费topic结论1 背景2 spring集成2.1.8.RELEASE版本不支持autoStartup属性3 自定义kafka客户端消费topic3.1 yml配置3.2 KafkaConfig客户端配置3.3 手动启动消费客户端 自定义kafka客户端消费topic 结论 使用自定义的KafkaConsumer给spring进行管理…

人体关键点检测2:Pytorch实现人体关键点检测(人体姿势估计)含训练代码

人体关键点检测2:Pytorch实现人体关键点检测(人体姿势估计)含训练代码 目录 人体关键点检测2:Pytorch实现人体关键点检测(人体姿势估计)含训练代码 1. 前言 2.人体关键点检测方法 (1)Top-Down(自上而下)方法 (2)Bottom-Up(自下而上)方法&#xff1…

Android - 分区存储 MediaStore、SAF

官方页面 参考文章 一、概念 分区存储(Scoped Storage)的推出是针对 APP 访问外部存储的行为(乱建乱获取文件和文件夹)进行规范和限制,以减少混乱使得用户能更好的控制自己的文件。 公有目录被分为两大类:…