websocket WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行的全双工通讯(双向数据传输)的协议。主要功能是支持服务端主动向客户端推送数据，这期间只需要浏览器和服务器完成一次握手，就可以创建连接并进行双向数据传输。在这份协议之前网站为了实现信息推送技术常用轮询的方式 ...
转载
2021-09-18 16:05:00
546阅读
2评论
# 实现WebSocket前端Vue教程
## 概述
在本教程中，我们将学习如何在Vue.js中使用WebSocket实现实时通信功能。WebSocket是一种在浏览器和服务器之间进行全双工通信的技术，可以实时传输数据，非常适合开发实时聊天、实时数据更新等功能。
### 步骤概览
下面是实现WebSocket前端Vue的步骤概览：
| 步骤 | 描述 |
|---
原创
2024-05-22 09:57:12
182阅读
var ws = new WebSocket("ws://localhost:8080");ws.onopen = function() { ws.send("hello");};ws.onmessage = function (e) { console.log(e.data);};ws.onclose = function() { console.log...
原创
2023-03-03 00:20:25
268阅读
WebSocket一个更简单的解决方案是使用单个TCP连接双向通信。这就是WebSocket协议所提供的功能。 结合We
原创
2023-04-05 10:58:41
259阅读
前端实习日记——前端开发环境配置清单实习日记篇说明：作为前端小菜鸟，初入职场实习，希望将所感所获简单总结，分享给同样处于新手期的小伙伴们，和大家共同成长~实习第一步：配环境！实习第一天，自然是先配置工作环境。首先，梳理一下我们使用的技术栈所需的环境，依次安装配置。配置完成之后，最好运行一下简单的demo，确保一切正常。一、node.js 和 nvmnode必不可少，考虑到公司有些旧项目的版本比较低
转载
2024-02-26 11:35:20
69阅读
所谓打点日志，是指用于数据统计的日志，一般前端会有打点的方法，而后端也会有类似需求。按理说，后端的一般的日志也可以做到打点的效果，但是因为一般的日志离散，风格不统一，得到的日志格式不好，不容易切分统计，所以就会想要一个独立的打点日志来实现打点。实现打点日志的方法通过日志模版，增加一种类型的打点日志，则替换模版中的占位符，重新生成一遍日志的配置文件，之后热更新日志配置。使用日志框架API，不借助配置
转载
2024-02-22 15:48:30
159阅读
最近研究了下WebSocket，总结下目前对WebSocket的认知。本文不是基于WebSocket展开的一个从0到1的详细介绍。如果你从来没有了解过WebScoket，建议可以先搜一些介绍WebSocket的文章，这类文章还是挺多的，我就不再赘述了。下面的内容是基于你对WebSocket有基本了解后展开的几个小的知识点：ping/pong协议；如何使ERROR_INTERNET_DISCONNE
转载
2021-01-24 10:53:46
1165阅读
2评论
1 基础介绍
1.1 什么是WebSocket
WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议，它可以让客户端和服务器之间进行实时的双向通信。与传统的 HTTP 请求不同，WebSocket 使用了一个长连接，在客户端和服务器之间保持持久的连接，从而可以实时地发送和接收数据。在 WebSocket 中，客户端和服务器之间可以互相发送消息。客户端可以使用 JavaScript
原创
2024-04-21 09:13:38
168阅读
本文介绍了如何使用WebSocket在项目中实现实时通信功能。通过创建一个简单的聊天室界面，演示了WebSocket的核心实现：建立连接、发送接收消息、状态显示和错误处理。文章包含完整的HTML代码示例，采用现代化UI设计，实现了连接状态指示、消息收发界面和输入控制等功能。代码中使用了公共WebSocket测试服务器(wss://echo.websocket.org)进行演示，展示了前端如何初始化WebSocket连接、处理连接状态变化以及收发消息的基本流程。
页面在用户那里运行，如果10%的用户页面出现问题而自己本地没有办法重现？如何先一步了解到前端出现的问题，而不是等用户反馈？能不能像查看服务端日志一样来定位前端页面运行的问题？前端在业务复杂度越来越高的情况下，本地即使做了充分的测试，依照caniuse做了很多兼容，依然无法让人放心页面能否正常运行或者运行得怎么样。当一个前端页面发布出去了之后，页面所运行的设备、浏览器、网络环
转载
2024-01-31 10:49:45
49阅读
WebSocket协议是一种双向通信协议，它建立在TCP之上，同http一样通过TCP来传输数据，但是它和http最大的不同有两点：1.WebSocket是一种双向通信协议，在建立连接后，WebSocket服务器和Browser/UA都能主动的向对方发送或接收数据，就像Socket一样，不同的是WebSocket是一种建立在Web基础上的一种简单模拟Socket的协议；2.WebSocket需要
转载
2023-07-27 23:44:19
161阅读
背景意义当前前端存在的问题： 1. 出现问题无法快速定位。 2. 统计不到用户使用过程中指标(例如：白屏时间，页面流程度等)导致优化方向比较迷茫。 3. 对于用户信息和使用情况了解甚少，大部分基于反馈了解到。 开发前端日志服务(以下简称logger)主要有几个目的： 通过logger服务解决用户出问题后难以定位的问题。 通过logger服务建立指标，方便后面版本迭代通过指标优化，做到
转载
2024-02-27 14:18:21
32阅读
一、背景由于前端项目是静态文件，是在浏览器端运行，如果要打日志到服务器，无法直接通过某些工具完成。只有那些运行在服务器端的程序，如后台程序，才能直接的在服务器端打印日志。但是我们必须要记录下前端页面的操作轨迹，就必须另辟蹊径了。二、探索结果1.从apache的日志入手通过查阅资料，发现apache服务器或者nginx服务器都能够记录前端发送到服务器的请求。并能记录请求的url连接，请求时间，客户端
转载
2023-07-22 18:50:48
442阅读
前面的话 几乎所有的服务器和代理都会记录下它们所处理的HTTP事务摘要。这么做出于一系列的原因：跟踪使用情况、安全性、计费、错误检测等等。本文将介绍日志记录 记录内容 大多数情况下，日志的记录出于两种原因：査找服务器或代理中存在的问题(比如，哪些请求失败了)，或者是生成Web站点访问方式的统计信息。统计数据对市场营销、计费和容量规划(比如
转载
2023-12-13 17:30:49
48阅读
console.log格式化这一用法一般都在个人博客或其他官网上有，当F12查看网页元素时，在控制台(console)那里偶尔会发现一些个性化的输出，其实现原理不难看一遍就晓得，具体实现如下：一、console.log格式化打印console.log支持的格式标志有:占位符描述%s字符串%d%i整数%f浮点数%o/%Oobject对象%ccss样式1、%c 表示css样式2、%d 和 %i 表示整
转载
2024-04-22 17:25:16
517阅读
☞ 收集日志的方法平时收集日志的手段，可以归类为两个方面，一个是逻辑中的错误判断，为主动判断；一个是利用语言给我们提供的捷径，暴力式获取错误信息，如 try..catch 和 window.onerror。1. 主动判断我们在一些运算之后，得到一个期望的结果，然而结果不是我们想要的 // test.js
function calc(){
// code
转载
2024-08-12 14:47:05
144阅读
1.WebSocket是什么？ WebSocket是html5提供的一种在单个TCP连接上进行双向通信的协议，解决了客户端和服务端之间的实时的通信问题。 WebSocket一般用于前端和后端的双向通信，前端需要主动向后端发送消息，或者是后端需要实时的频繁的向前端发送消息。 2.为什么要用websoc ...
转载
2021-09-23 15:13:00
2981阅读
2评论
一、安装dwebsocket第三方库pip install dwebsocket# 安装dwebsocket库# django-websocket已废弃 GitHub：https://github.com/duanhongyi/dwebsocket 二、Django工程代码 display/views.py： 1 from django.http import HttpResponse 2 f
转载
2021-05-07 12:38:02
1900阅读
2评论
模拟命令行的界面效果，使用swoole作为websocket的服务，重新做了下html的界面效果
原创
2021-06-17 19:26:43
730阅读
前面写过文章来对比 WebSockets 和 HTTP ，本文来简单对比WebSockets和长轮询。
原创
2022-01-13 16:19:32
326阅读
