分类：实时刷新

2021
09-09

Vue+WebSocket页面实时刷新长连接的实现

最近vue项目要做数据实时刷新，折线图每秒重画一次，数据每0.5秒刷新一次，说白了就是实时刷新，因为数据量较大，用定时器估计页面停留一会就会卡死。。。与后台人员讨论过后决定使用h5新增的WebSocket来实现数据实时展示，记录一下过程以及碰到的问题；注意：页面刷新长连接会被关闭，其实进入当前页面建立长连接的目的就是页面不用F5刷新，所有数据自动实时刷新，如果还是来回F5大刷页面那就没有意义了。。。ps:如果实在有这个... 继续阅读 >

2021
01-08

matplotlib实现数据实时刷新的示例代码

前言matplotlib是python下非常好用的一个数据可视化套件，网上相关的教程也非常丰富，使用方便。本人需求一个根据实时数据刷新曲线的上位机软件，找了半天，基本上都是使用matplotlib的交互模式，我折腾半天还是没有实现想要的效果，但却通过另一种方法实现了想要的效果。源码注释已经很充分，不多赘述，直接看源码。importmatplotlib.pyplotaspltimportnumpyasnpimportthreadingimportsysfromrandomimportrandom,rand... 继续阅读 >

2020
09-29

Vue 中获取当前时间并实时刷新的实现代码

1.实现代码<template><div>{{nowDate}}{{nowWeek}}{{nowTime}}</div></template><script>exportdefault{data(){return{nowDate:"",//当前日期nowTime:"",//当前时间nowWeek:""//当前星期}},methods:{dealWithTime(data){//获取当前时间letformatDateTime;letY=data.getFullYear();letM=data.getMonth()+1;letD=data.getDate();letH=data.getHours();l... 继续阅读 >