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阅读
在Kubernetes（K8S）中，要在前端页面显示后台服务的日志是一个常见的需求。通过前端显示日志，开发者和运维人员可以方便地查看应用程序的运行情况和错误信息，从而更好地进行监控和故障排查工作。
下面将介绍如何实现在K8S前端显示日志的操作流程，以及具体的实现步骤和代码示例。
### 操作流程概览
在K8S中进行前端显示日志的操作分为以下几个步骤：
| 步骤 | 操作 |
| ---- |
原创
2024-04-01 09:58:40
144阅读
Apache tomcat配置记录我之前学前端学到ajax和php的时候需要建个服务器，当时用的xampp这个软件模拟的，简单好用谁用谁知道，不单能模拟服务器，还有数据库功能。但是模拟的毕竟能学到的还是少，很多东西都帮你配置好了，基本就是无脑操作，把文档放进指定的地方就可以了，今天自己配了一下Apache，问题多又多。解压好Apache后，打开浏览器预览了localhost：8080没问题。中间有
前端实习日记——前端开发环境配置清单实习日记篇说明：作为前端小菜鸟，初入职场实习，希望将所感所获简单总结，分享给同样处于新手期的小伙伴们，和大家共同成长~实习第一步：配环境！实习第一天，自然是先配置工作环境。首先，梳理一下我们使用的技术栈所需的环境，依次安装配置。配置完成之后，最好运行一下简单的demo，确保一切正常。一、node.js 和 nvmnode必不可少，考虑到公司有些旧项目的版本比较低
转载
2024-02-26 11:35:20
69阅读
所谓打点日志，是指用于数据统计的日志，一般前端会有打点的方法，而后端也会有类似需求。按理说，后端的一般的日志也可以做到打点的效果，但是因为一般的日志离散，风格不统一，得到的日志格式不好，不容易切分统计，所以就会想要一个独立的打点日志来实现打点。实现打点日志的方法通过日志模版，增加一种类型的打点日志，则替换模版中的占位符，重新生成一遍日志的配置文件，之后热更新日志配置。使用日志框架API，不借助配置
转载
2024-02-22 15:48:30
159阅读
day 38 前端简介什么是前端？ 前端，也称为“客户端开发”，简单来说，你可以在应用程序或网站的屏幕上看到的所有内容都属于前端。 什么是后端？ 后端，也称为“服务器端开发”，也就是在系统“后面”所发生的事情。同样，在后端服务器和浏览器或应用程序之间存储网站、应用数据和中间媒介的服务器都属于后端。简单来说，在应用程序或网站的屏
转载
2023-08-01 11:53:49
687阅读
最近研究了下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连接、处理连接状态变化以及收发消息的基本流程。
# Java将后端Log日志实时显示到前端
在开发过程中，对于后端系统的日志记录是非常重要的。通过记录日志，我们可以追踪系统的运行状态、排查问题、分析性能等。然而，后端系统的日志通常是存储在服务器的文件中，如果需要查看日志，就需要登录服务器，访问对应的日志文件。这种方式不仅繁琐，还不够实时。那有没有一种方法可以将后端的日志实时显示到前端，方便开发人员查看呢？答案是肯定的，本文将介绍如何使用Jav
原创
2023-10-31 10:58:09
1418阅读
WebSocket协议是一种双向通信协议，它建立在TCP之上，同http一样通过TCP来传输数据，但是它和http最大的不同有两点：1.WebSocket是一种双向通信协议，在建立连接后，WebSocket服务器和Browser/UA都能主动的向对方发送或接收数据，就像Socket一样，不同的是WebSocket是一种建立在Web基础上的一种简单模拟Socket的协议；2.WebSocket需要
转载
2023-07-27 23:44:19
161阅读
页面在用户那里运行，如果10%的用户页面出现问题而自己本地没有办法重现？如何先一步了解到前端出现的问题，而不是等用户反馈？能不能像查看服务端日志一样来定位前端页面运行的问题？前端在业务复杂度越来越高的情况下，本地即使做了充分的测试，依照caniuse做了很多兼容，依然无法让人放心页面能否正常运行或者运行得怎么样。当一个前端页面发布出去了之后，页面所运行的设备、浏览器、网络环
转载
2024-01-31 10:49:45
49阅读
背景意义当前前端存在的问题： 1. 出现问题无法快速定位。 2. 统计不到用户使用过程中指标(例如：白屏时间，页面流程度等)导致优化方向比较迷茫。 3. 对于用户信息和使用情况了解甚少，大部分基于反馈了解到。 开发前端日志服务(以下简称logger)主要有几个目的： 通过logger服务解决用户出问题后难以定位的问题。 通过logger服务建立指标，方便后面版本迭代通过指标优化，做到
转载
2024-02-27 14:18:21
32阅读
由于公司人员配置的原因，不得已要自己制作页面了。对于大多数后端技术员来讲，自己写前端页面是件很痛苦的事情，但是没办法，只能是硬着头皮上了，虽然之前也有接触一些css，除了css3的一些属性，其他的基本都知道，并了解使用，可从始至终除了拼凑一些后台页面以外，就没有真正完整的做过几个前端页面。 然后就着我所知道的那些标签跟
转载
2024-06-13 21:45:12
87阅读
一、背景由于前端项目是静态文件，是在浏览器端运行，如果要打日志到服务器，无法直接通过某些工具完成。只有那些运行在服务器端的程序，如后台程序，才能直接的在服务器端打印日志。但是我们必须要记录下前端页面的操作轨迹，就必须另辟蹊径了。二、探索结果1.从apache的日志入手通过查阅资料，发现apache服务器或者nginx服务器都能够记录前端发送到服务器的请求。并能记录请求的url连接，请求时间，客户端
转载
2023-07-22 18:50:48
442阅读
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阅读
前面的话 几乎所有的服务器和代理都会记录下它们所处理的HTTP事务摘要。这么做出于一系列的原因：跟踪使用情况、安全性、计费、错误检测等等。本文将介绍日志记录 记录内容 大多数情况下，日志的记录出于两种原因：査找服务器或代理中存在的问题(比如，哪些请求失败了)，或者是生成Web站点访问方式的统计信息。统计数据对市场营销、计费和容量规划(比如
转载
2023-12-13 17:30:49
48阅读
