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

vue websocket 连接 复制直接用

<script>export default {data() {return {websock: null,timer: "",startTime: "",endTime: "",}},created() {clearInterval(this.timer);this.timer = setInterval(() => {this.initWebSocket();}, 1000);},destroyed() {this.websock.close(); //离开路由之后断开websocket连接},methods: {initWebSocket() {//初始化weosocketconst wsuri = "ws://xxxxxxxxxxxx.com:2323/12";this.websock = new WebSocket(wsuri);this.websock.onmessage = this.websocketonmessage;this.websock.onopen = this.websocketonopen;this.websock.onerror = this.websocketonerror;this.websock.onclose = this.websocketclose;},websocketonopen() {//连接建立之后执行send方法发送数据clearInterval(this.timer);this.heartbeat();},websocketonerror() {//连接建立失败重连this.initWebSocket();},websocketonmessage(e) {// websocket返回的数据console.log(e.data)},websocketsend(Data) {//数据发送this.websock.send(Data);},websocketclose(e) {//关闭console.log("断开连接", e);},heartbeat() {clearInterval(this.timer);this.timer = setInterval(() => {if (this.endTime != "") {if (this.startTime - this.endTime >= 5000) {console.log("重新链接!");this.initWebSocket();this.endTime = "";this.startTime = "";}}this.startTime = Date.parse(new Date());if (this.startTime - this.endTime <= 5000 || this.endTime == "") {// 根据后端看你看什么样的数据包作为心跳this.websocketsend("{'msg':'heartbeat'}");}}, 1000);}}}
</script>

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

Android FileProvider 应用间共享媒体资源

先参考以下两个文档&#xff1a; 官网介绍&#xff1a;https://developer.android.google.cn/training/data-storage/use-cases TX 介绍&#xff1a;https://developers.weixin.qq.com/community/develop/doc/0004886026c1a8402d2a040ee5b401 然后基于以上的文档做一个例子介…...

CSS 基础教程:CSS 语法

CSS 语法 CSS 规则集&#xff08;rule-set&#xff09;由选择器和声明块组成&#xff1a; 选择器指向您需要设置样式的 HTML 元素。声明块包含一条或多条用分号分隔的声明。每条声明都包含一个 CSS 属性名称和一个值&#xff0c;以冒号分隔。多条 CSS 声明用分号分隔&#xff0…...

如何快速搭建自己的人脸识别系统

文章目录前言一、原理介绍1.mtcnnP-Net(Proposal Network)R-Net&#xff08;Refine Network&#xff09;O-Net (Output Network)2. facenetSVM(Support Vector Machine)二、人脸识别实现1.准备工作引入mtcnn下载facenet的权重文件&#xff1a;安装skleran2.训练和预测数据准备训…...

2021年5月程序员工资统计,属实惨不忍睹…你拖后腿了吗?

2021年5月全国招收程序员429056人。2021年5月全国程序员平均工资14926元&#xff0c;工资中位数13000元&#xff0c;其中96%的人的工资介于1750元到75000元。 城市 南京的工资已经连续两个月超过广州了&#xff0c;苏州也快赶上来了。 推荐算法工程师才是最赚钱的&#xff0c;…...

手写一个Vue Loading通过自定义api控制显示与关闭 记录

实现目标调用方法&#xff08;类似element的loading&#xff09;&#xff1a; this.$loading.show() 显示 this.$loading.hide()关闭 应用vue知识点&#xff1a;extend函数&#xff0c;use函数 简单分析&#xff0c;this.loading的实现通过use使用插件方式把loading的实现通…...

webpack学习2-常用loader

1. style-loader 作用&#xff1a;使得css样式写入html的head中 &#xff0c;缺点是js打包很大&#xff0c;常和css-loader配合使用 用法&#xff1a; {test: /\.css$/,use: [style-loader, css-loader]}2. css-loader 作用&#xff1a;css-loader会处理import / require&am…...

Python基础知识(四)

Python函数 01、创建函数 # 创建函数语法 def funaction_name(parameters):"""docstring"""statements(s)02、调用函数 name "Tom" #定义函数 def greet(name):"""This function greets tothe person passed in as…...

目前最简多模态transformer:ViLT

facebook的文章&#xff0c;一句话概括&#xff1a;图像patch和文本embedding concat在一起过transformer&#xff0c;做图像-文本匹配任务 相比之前的多模态transformer&#xff0c;创新点在用Vit的patch方案作为visual embedding而不是先过CNN提取特征&#xff0c;或者更繁琐…...

Java入门视频教程!BAT大厂Java面试真题锦集干货整理

一面 一面就做了一道算法题&#xff0c;要求两小时内完成&#xff0c;给了长度为N的有重复元素的数组&#xff0c;要求输出第10大的数。典型的TopK问题&#xff0c;快排算法搞定。 算法题要注意的是合法性校验、边界条件以及异常的处理。另外&#xff0c;如果要写测试用例&am…...

疯狂涨知识!作为一名程序员我不忘初心

性能优化专栏 1.Tomcat性能优化整理 2.JVM性能优化专题 3.Mysql性能优化整理 微服务架构面试专栏 1.SpringCloud面试整理 2.SpringBoot面试整理 3.Dubbo面试整理 并发编程高级面试专栏 开源框架面试题专栏 1.Spring面试整理 2.SpringMVC面试整理 3.MyBatis面试整理 分布式面…...

JSP的Cookie与Session

一、Cookie与Session区别 CookieSession内置对象否是保存位置客户端服务器安全性较不安全较安全保存内容格式StringObject 有效范围 单个浏览器所属 写在JSP中&#xff0c;将会所有浏览器共享 同一浏览器不同页面共享 二、基本使用 1.Cookie 存储在本地&#xff0c;由浏览器…...

18_Reinforcement Learning_CartPole_reduce_mean_Q-Value Iteration_Q-learning_DQN_get_weights

Reinforcement Learning (RL) is one of the most exciting fields of Machine Learning today, and also one of the oldest. It has been around since the 1950s, producing many interesting applications over the years,(For more details, be sure to check out Richar...

Mybatis02-传参、代理

一、sqlsession的三种查询方式 test代码 //1.读取资源InputStream resource Resources.getResourceAsStream("mybatis.xml");//2.创建sessionFactorySqlSessionFactory build new SqlSessionFactoryBuilder().build(resource);//3.创建sessionSqlSession session …...

java连接redis密码,绝对干货

前言 关于技术人如何成长的问题&#xff0c;一直以来都备受关注&#xff0c;因为程序员职业发展很快&#xff0c;即使是相同起点的人&#xff0c;经过几年的工作或学习&#xff0c;会迅速拉开极大的差距&#xff0c;所以技术人保持学习&#xff0c;提升自己&#xff0c;才能够…...

JavaScript中进制之间转换方法

最近在刷面试题的时候看到一道进制转换题&#xff0c; 写完才发现可以用js的方法直接转换&#xff0c;这是自己总结的一些方法 1.其它进制转换为十进制数据&#xff1a; //可以直接用parseInt let num parseInt(n1,n2); //n1:是需要转换为10进制的数 //n2:是被转换数据的进制…...

vue实现PC端标签拖动

1.拖动需要监听鼠标按下、移动、抬起事件 2.一开始全部用methods绑定方法&#xff0c;后面发现用自定义指令directives比较方便&#xff0c;不用声明在data里声明变量&#xff0c;以及一个一个的绑定事件 <template><div class"ad" v-drag><el-badge…...

实际生产中:Hive 合并小文件(强烈建议此法)

背景&#xff1a; 实际项目中,小文件的产生会影响hadoop集群的性能;过度使用namenode的内存等;启动过多的map任务,拉低整体Job的运行效率等等弊端。 解决方案&#xff1a; 针对Hive表(下文统称表A)中,特别是历史分区,存在大量小文件的话,强烈建议对分区下的小文件进行归档处…...

汽车UDS诊断之输入输出控制服务(0x2F)深度剖析

InputOutputControlByIdentifier就是输入输入控制服务&#xff0c;从字面上说&#xff0c;就是通过ID控制输入输出&#xff08;这里的ID指DID&#xff09;&#xff0c;从功能上说&#xff0c;又被称为输入输出控制功能单元。 输入输出控制功能单元服务描述InputOutputControlBy…...

90%的人都以为计算机白学了

90%的人都以为计算机白学了 我发现90%的人&#xff0c;都以为别的专业是白学的~ 比如&#xff0c;心理学算命的&#xff0c;室内设计装潢的&#xff0c;土木工程搬砖的&#xff0c;每次暴雨过后&#xff0c;校园内一旦有积水&#xff0c;给排水专业的铁定会被全员骂哭…… 计算…...

Intellij IDEA使用经验(二):代码提示忽略大小写

File-settings Editor-General-Code Completion 右边选择"none"。 54082)]...

MySQL 高级(2): 索引的概念,分类,性能分析

索引优化分析 索引的概念 MySQL 官方对索引的定义为&#xff1a;索引&#xff08;Index&#xff09;是帮助MySQL 高效获取数据的数据结构。 可以得到索引的本质&#xff1a;索引是数据结构。可以简单理解为排好序的快速查找数据结构。在数据之外&#xff0c;数据库系统还维护…...

2021暑假每日一题 【week2 完结】

目录3763. 数字矩阵 【难度: 一般 / 知识点: 思维】3764. 三元数异或 【难度: 一般 / 知识点: 思维 贪心】3767. 最小的值 【难度: 一般 / 思维: 贪心 枚举】3768. 字符串删减【难度: 简单 / 知识点: 模拟】3769. 移动石子 【难度: 简单 / 知识点: 贪心】3763. 数字矩阵 【难度…...

数组--Leetcode 27. 移除元素

1、题目 给你一个数组 nums 和一个值 val&#xff0c;你需要 原地 移除所有数值等于 val 的元素&#xff0c;并返回移除后数组的新长度。 不要使用额外的数组空间&#xff0c;你必须仅使用 O(1) 额外空间并 原地 修改输入数组。 元素的顺序可以改变。你不需要考虑数组中超出…...

SpringBoot2 中 spring.http.multipart.max-file-size 报错问题

由于springboot具有几个版本&#xff0c;不同版本对于文件上传最大限制的配置也有所不同。 所以要注意springboot本身的版本&#xff0c;不然会一直报错# 在springboot1.3版本中&#xff1a; multipart.maxFileSize# 在springboot1.4与springboot1.5版本中&#xff1a; spring.…...

慢慢学习,然后惊呆所有人(八,异常)

目录 ​ 什么是异常&#xff1f; 错误和异常的区别 异常的处理 try语法块&#xff1a; 抓捕异常&#xff1a; 多行异常的处理&#xff1a; 查看出现的异常情况 ​ 自定义异常和抛出异常 Java中异常继承关系 异常抛出&#xff1a; 自定义异常&#xff1a; finall…...

重拾React框架学习笔记总结

重拾React框架学习笔记总结 环境搭建 nvm nvm用来管理node版本。 brew install nvmnvm ls-remote // 查看所有的node可用版本 nvm list // 查看已安装node版本 nvm install 版本号 // 下载指定node版本&#xff0c;如nvm install v11.14.0 nvm use 版本号 // 使用指定版…...

客户端负载均衡Ribbon

文章目录Ribbon1&#xff09;、Ribbon模块2&#xff09;、RestTemplate结合Ribbon使用I、使用RestTemplateII、整合Ribbon3&#xff09;、负载均衡策略介绍4&#xff09;、自定义负载策略5&#xff09;、配置详情I、常用配置II、代码配置RibbonIII、配置文件方式配置Ribbon6&am…...

用Python搭建股票舆情分析系统

写在前面 下面的这篇文章将手把手教大家搭建一个简单的股票舆情分析系统&#xff0c;其中将先通过金融界网站爬取指定股票在一段时间的新闻&#xff0c;然后通过百度情感分析接口&#xff0c;用于评估指定股票的正面和反面新闻的占比&#xff0c;以此确定该股票是处于利好还是…...

python学习之路(第八天)---re模块正则表达式

python学习之路&#xff08;第八天&#xff09;—re模块正则表达式 python学习之路&#xff08;第八天&#xff09;---re模块正则表达式在线正则匹配正则匹配语法re.compile方法re.match方法re.search方法re.finditer方法转义匹配findall()正则表达式的实例正则表达式&#xff…...

win10开启局域网远程桌面连接

要求&#xff1a;两台电脑&#xff0c;同时连接在同一局域网。假设是电脑A开启允许局域网远程桌面&#xff0c;然后电脑B连接。这两台电脑需要按照下面的步骤来做。 一、电脑A 1.点击此电脑图标&#xff0c;右键&#xff0c;属性。 2.点击远程设置 3.开启允许被远程连接 4.打开…...

dbc2000 注册机|dbc2000 注册码注册机下载

点击下载来源&#xff1a;dbc2000 注册机 dbc2000 注册机是同名源程序软件的注册机软件&#xff0c;该源程序软件是一款应用于数据库搭建以及数据写入的数据库架设工具&#xff0c;它拥有强大的数据写入功能&#xff0c;在作为应用程序使用时&#xff0c;它不仅可以充当数据属性…...

秋招面经第八弹:网易二面-数据开发工程师

秋招第八弹&#xff1a;网易二面-数据开发工程师 写在最前&#xff1a;秋招以来一直在冲&#xff0c;因为事情比较多&#xff0c;对于笔试面试一直没有复盘&#xff0c;现在靠仅存的记忆把面试的一些问题记录下来&#xff0c;尽可能记录出能回忆到的问题&#xff0c;但可能记的…...

安卓课程格子APP

https://download.csdn.net/download/weixin_57836618/73810452 功能演示&#xff1a; 查看所有课程 点击主页面空白处即可添加课程 添加课程之后查看课程 查看双周课程 查看单周课程 6.查看课程详情...

强化学习——格子世界

强化学习——格子世界 项目源码地址&#xff1a;https://gitee.com/infiniteStars/machine-learning-experiment 1. 实验内容 2. 实验代码 import numpy as np import matplotlib.pyplot as plt from matplotlib.table import Table from xml.dom.minidom import Document #手…...

华为机试 - 跳格子游戏

目录 题目描述 输入描述 输出描述 用例 题目解析 算法源码 题目描述 地上共有N个格子&#xff0c;你需要跳完地上所有的格子&#xff0c;但是格子间是有强依赖关系的&#xff0c;跳完前一个格子后&#xff0c;后续的格子才会被开启&#xff0c;格子间的依赖关系由多组st…...

php 爬课程表信息,Ruby爬取教务系统生成课程表

我为什么要虐自己最近觉得课程格子广告越来越多&#xff0c;乱七八糟的东西越来越多&#xff0c;完全失去了一开始的存在价值&#xff0c;并且没有电脑端app&#xff0c;想查看课程必须拿出手机&#xff0c;而我使用电脑频率要比手机高&#xff0c;所以才有了折腾的动力。于是我…...

android 课程表 ui,UICollectionViewLayout实现课程表布局

因为项目中有课程表的相关模块&#xff0c;第一时间想到用UICollectionView。然而后期的需求越来越复杂&#xff0c;每个格子需要展示的内容越来越多&#xff0c;所以不得不寻找合适的解决方案。最后发现自定义UICollectionViewLayout可以实现我的需求。先放效果图&#xff1a;…...

Android自定义View课程表,Android 自定义View课程表表格

自己闲下来时间写的一个课表控件使用的自定义LinearLayout 里面View都是用代码实现的 最终效果如下图 写的可能有问题希望多多指点创建一个自定义LinearLayout 控件用来装载课程的信息和课程的周数 和节数大概的布局三这样的根据上面的看来觉得总体布局我分了两个 上面的星期是…...

java课程设计设计_java课程设计

1. 团队课程设计博客链接https://www.cnblogs.com/choco1ate/p/12172223.html2.本组课题及本人任务本组课题&#xff1a;泡泡堂(炸弹人)游戏本人任务&#xff1a;Box类(游戏地图中的每个方格)Bomb类(游戏过程中的)游戏玩家输赢信息的文件储存3.需求分析Box类&#xff1a;该类为…...

《课程格子》的一个笔试题目

题目如下&#xff0c;感觉很适合喜欢琢磨的程序员&#xff0c;也是考验你编码风格的时候。 Lets make a tower defense game&#xff08;塔防游戏):1. You have 1 tower, with H health and D dps(damage per second).2. There are n attackers, each with h_i health and d_i …...

Android仿照超级课程表 or 课程格子 一键提取课表功能(方正系统)

参考文章http://blog.csdn.net/sbsujjbcy ,本文仿照‘ 安卓弟 提供的android 项目实战——打造超级课程表一键提取课表功能文章&#xff0c;对他的代码进行了修改和补充&#xff0c;为什么要修改呢&#xff1f;原因是安卓弟的那个源码版本过于老旧&#xff0c;很多方法已经过…...

解决在cmd中输入powercfg /h off 出现的报错“无法执行操作,出现意外错误(0x65b)”

在cmd中输入powercfg /h off是为了关闭虚拟内存&#xff0c;但是出现了报错“无法执行操作&#xff0c;出现意外错误&#xff08;0x65b&#xff09;”。   解决办法&#xff1a;在管理员模式的命令提示符&#xff08;cmd&#xff09;输入powercfg -h off。   补充&#x…...

stm32_can错误中断

整理&#xff1a;MilerShao 某日&#xff0c;有一客户反映他们在做STM32F407的CAN通信的出错测试时&#xff0c;发现出现类似死机的现象。后来跟踪调试发现是开启了出错中断&#xff0c;因其不停中断导致的貌似死机现象。纳闷的是&#xff0c;经过进一步测试&#xff0c;发现即…...

gpu显示off_GPU常见故障及排查方法

GPU常见故障及排查方法 1. GPU日志收集 安装GPU驱动的系统下,root用户任意目录下执行命令:nvidia-bug-report.sh 执行命令后,当前目录下会生成日志压缩包:nvidia-bug-report.log.gz 2. 系统状态检测 对于GPU服务器建议客户维持较新的GPU驱动版本、禁用nouveau模块、打开GPU…...

iOS项目开发实战——开发基于Handoff的App(Swift)

iOS8推出一个新特性&#xff0c;叫做Handoff。Handoff中文含义为换手&#xff08;把接力棒传给下一个人&#xff09;&#xff0c;可以在一台Mac和iOS设备上开始工作&#xff0c;中途将工作交换到另一个Mac或iOS设备中进行。这个在iOS8和Yosemite得到支持&#xff0c;当然在iOS9…...

bus off恢复机制研究

can模块一共有三种错误&#xff0c;为错误主动&#xff0c;错误被动和总线关闭&#xff0c;总线关闭就是所说的bus off&#xff0c;通常情况下我们也只需要对bus off进行特殊处理。在can模块内部有一个错误计数器&#xff0c;当错误次数超过255时就会导致bus off&#xff0c;如…...

spool off参数详解

Spool&#xff0c;Oracle快速导出数据的工具&#xff0c;是sqlplus的指令&#xff0c;不是sql语法里的东西 (Oracle快速导入数据的工具为sqlldr&#xff0c;在博客的其他文章中讲述) 一、Spool常用的设置 set arraysize 5000; //此参数可提高SPOOL卸载的速度&#xff0c;最大…...

6.3.3Transmit ONOFF time mask

1、测试目的 验证通用的ON / OFF时间掩码是否满足6.3.3.2.5的要求。 发送开/关时间掩码定义了允许的瞬态周期 -在发送OFF电源和发送ON电源符号之间&#xff08;发送ON / OFF&#xff09; 除非另有说明&#xff0c;否则第6.5节中的最低要求也适用于过渡时期。 错误功率的传…...

WinCE Display驱动开发介绍(转载)

在WinCE中&#xff0c;Display驱动由GWES模块来管理。WinCE提供了两种架构的Display驱动模型&#xff0c;可以满足不同的硬件需求。一种是基于WinCE DDI的Display驱动模型&#xff0c;另一种是基于DirectDraw的Display驱动模型。下面将对两种架构作简单介绍。 1. Display驱动模…...

WinCE下Touch Panel驱动介绍(转)

WinCE下Touch Panel驱动介绍&#xff08;转&#xff09; WinCE中的Touch Panel驱动是由GWES模块来管理的&#xff0c;Touch Panel驱动接收用户的触摸信息&#xff0c;并将其转换为屏幕上的坐标信息&#xff0c;传给GWES模块。在WinCE中&#xff0c;Touch Panel驱动是分层的&…...