当前位置： 首页 > article >正文

面试之《websocket》

article 2026/1/26 18:45:26

配置环境

mkdir express
cd express
npm init
npm install express ws

// index.js
var app = require("express")();
var WebSocket = require("ws");var wss = new WebSocket.Server({ port: 8888  });wss.on('connection', function connection(ws) {ws.on('message', function incoming(message) {console.log('received: %s', message);});ws.send('something');
});app.get("/", function(req, res) {res.sendFile(__dirname + "/index.html");
});app.listen(4000, function() {console.log("Server is running on port 4000")
})

// index.html
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><h1>Hello</h1><p>WebSocket</p><button id="btn" onclick="ws.send('from client: click')">click</button><script>var ws = new WebSocket('ws://localhost:8888');ws.onopen = function () {console.log('ws onopen');ws.send('from client: hello');};ws.onmessage = function (e) {console.log('ws onmessage');console.log('from server: ' + e.data);};</script>
</body></html>

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

页面初始化事，就发送hello至ws，ws接收到后，返回“你好！”

简单实现了ws的交互。

下面介绍一下ws的相关知识点：

1. 基础概念

  • 定义：WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议，它允许客户端和服务器之间进行实时、双向的数据传输。
  • 诞生背景：传统的 HTTP 协议是无状态、单向的，每次通信都需要建立新的连接，无法满足实时通信的需求，WebSocket 应运而生。

2. 工作原理

  • 握手阶段：客户端发起一个 HTTP 请求，请求头中包含特殊的升级字段（Upgrade: websocket 和 Connection: Upgrade），服务器收到请求后，如果支持 WebSocket 协议，就会返回一个状态码为 101 的响应，表示同意升级协议，之后双方就可以在这个 TCP 连接上进行 WebSocket 通信。
  • 数据传输：在建立连接后，客户端和服务器可以随时向对方发送数据，数据以帧的形式进行传输。

3. 使用场景

  • 实时聊天应用：如在线客服、即时通讯软件等，能实现消息的即时推送和接收。
  • 实时数据展示：如股票行情、体育赛事比分等，数据的变化能及时更新到客户端。
  • 多人游戏：玩家之间的操作和状态可以实时同步。

4. 优缺点

  • 优点
    • 实时性强：数据可以即时传输，无需频繁建立连接。
    • 减少开销：相比于 HTTP 长轮询和短轮询，减少了不必要的请求和响应头，降低了服务器和客户端的负担。
    • 全双工通信：客户端和服务器可以同时发送和接收数据。
  • 缺点
    • 兼容性问题：一些旧版本的浏览器可能不支持 WebSocket 协议。
    • 安全性要求高：需要注意防止中间人攻击和数据泄露。

5. 与其他协议对比

  • 与 HTTP 对比
    • HTTP 是无状态、单向的，每次请求都需要建立新的连接；WebSocket 是有状态、全双工的，建立连接后可以持续通信。
    • HTTP 适用于一次性的请求 - 响应场景；WebSocket 适用于实时通信场景。
  • 与 HTTP 长轮询对比
    • HTTP 长轮询是客户端发送请求后，服务器保持连接直到有新数据才返回响应，然后客户端再重新发起请求；WebSocket 是建立一次连接后可以持续双向通信。
    • HTTP 长轮询在服务器没有新数据时也会占用连接资源，而 WebSocket 只有在有数据传输时才会占用带宽。

相关文章：

面试之《websocket》

配置环境 mkdir express cd express npm init npm install express ws// index.js var app require("express")(); var WebSocket require("ws");var wss new WebSocket.Server({ port: 8888 });wss.on(connection, function connection(ws) {ws.on(m…...

编程日记 2026/1/19 5:13:48

Linux 内存调优之系统内存全面监控

写在前面 博文内容涉及 Linux 全局内存监控监控方式包括传统工具 vmstat/top/free/sar/slabtop ,以及 systemd-cgtop，proc 内存伪文件系统监控内容包括进程内存使用情况， 内存全局数据统计，内存事件指标，以及进程内存段数据监控理解不足小伙伴帮忙指正 😃,生活加油我看远…...

编程日记 2025/11/5 17:52:34

每天学一个 Linux 命令（14）：cat

Linux 文件查看与合并命令：cat cat（全称 concatenate）是 Linux 中用于查看文件内容、合并文件或创建简单文件的基础命令。它操作简单但功能灵活，是日常文件处理的常用工具。 1. 命令作用 查看文件内容：直接输出文件内容到终端。合并文件：将多个文件内容合并输出或保存到…...

编程日记 2026/1/8 8:28:54

L36.【LeetCode题解】查找总价格为目标值的两个商品(剑指offer:和为s的两个数字) (双指针思想,内含详细的优化过程)

目录 1.LeetCode题目 2.分析 方法1:暴力枚举(未优化的双指针) 方法2:双指针优化:利用有序数组的单调性 版本1代码 提问:版本1代码有可以优化的空间吗? 版本2代码 提问:版本2代码有可以优化的空间吗? 版本3代码(★推荐★) 3.牛客网题目:和为s的数字 1.LeetCode题目 …...

编程日记 2026/1/19 6:26:18

英语学习4.9

cordial 形容词&#xff1a; 热情友好的&#xff0c;诚恳的 表示一个人态度温和、亲切&#xff0c;给人温暖和善的感觉。 令人愉快的&#xff0c;和睦的 形容关系融洽、氛围和谐。 例句​​&#xff1a; The two leaders had a ​​cordial​​ but formal discussion. &am…...

编程日记 2026/1/19 5:11:46

HBuilderX 开发的uniapp项目在微信开发者工具中调试运行

HBuilderX 开发的uniapp项目在微信开发者工具中调试运行 或者运行失败 https://blog.csdn.net/m0_74141658/article/details/129541365?fromshareblogdetail&sharetypeblogdetail&sharerId129541365&sharereferPC&sharesourceweixin_48616345&sharefromf…...

编程日记 2025/9/20 20:14:37

【特权FPGA】之乘法器

完整代码如下&#xff1a; timescale 1ns / 1ps// Company: // Engineer: // // Create Date: 23:08:36 04/21/08 // Design Name: // Module Name: mux_16bit // Project Name: // Target Device: // Tool versions: // Description: // // Dependencies: …...

编程日记 2025/9/11 8:36:11

MyBatis-Plus 核心功能

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 一、条件构造器1、核心 Wrapper 类型基础查询示例SQL 查询使用 QueryWrapper 实现查询 更新操作示例场景一&#xff1a;基础更新SQL 查询使用 QueryWrapper 实现更新…...

编程日记 2026/1/19 4:31:59

前端工程化-包管理NPM-package.json 和 package-lock.json 详解

package.json 和 package-lock.json 详解 1.package.json 基本概念 package.json 是 Node.js 项目的核心配置文件&#xff0c;它定义了项目的基本信息、依赖项、脚本命令等。 主要字段 基本信息字段 name: 项目名称&#xff08;必填&#xff09; version: 项目版本&#xf…...

编程日记 2026/1/18 8:10:58

Day22 -php开发01--留言板+知识点（超全局变量 文件包含 数据库操作 第三方插件）

环境要求&#xff1a;php7.0.9 小皮 navicat phpstorm24.1 知识点&#xff1a;会写&#xff08;留言板 留言板后台&#xff09; 超全局变量 三方插件的使用 文件包含 1、开启小皮并利用navicat新建一个数据库 注意&#xff1a;本地的服务mysql关闭后 才可打开小皮。属…...

编程日记 2026/1/19 2:34:08

Java工具类-assert断言

我们可能经常在项目的单元测试或者一些源码中看到别人在使用assert关键字&#xff0c;当然也不只是Java语言&#xff0c;很多编程语言也都能看到&#xff0c;我们大概知道断言可以用于测试中条件的校验&#xff0c;但却不经常使用&#xff0c;本文总结了Java中该工具类的使用。…...

编程日记 2026/1/23 10:58:40

A2A协议分析报告

A2A协议分析报告 一、引言 在人工智能快速发展的背景下&#xff0c;智能体&#xff08;Agent&#xff09;技术逐步成为企业数字化转型的关键支撑。为了打破不同智能体之间协作壁垒&#xff0c;提升多模态协同效率&#xff0c;Google 于2025年推出了“Agent-to-Agent&#xff…...

编程日记 2025/11/26 0:19:39

人工智能、机器学习与深度学习-AI基础Day2

核心概念与技术全景解析 近年来&#xff0c;人工智能&#xff08;AI&#xff09;技术飞速发展&#xff0c;逐渐渗透到生活的方方面面。然而&#xff0c;对于许多人来说&#xff0c;AI、机器学习&#xff08;ML&#xff09;、深度学习&#xff08;DL&#xff09;以及生成式人工…...

编程日记 2026/1/19 2:34:34

GGML源码逐行调试（上）

目录 前言1. 简述2. 环境配置3. ggml核心概念3.1 gguf3.2 ggml_tensor3.3 ggml_backend_buffer3.4 ggml_context3.5 backend3.6 ggml_cgraph3.7 ggml_gallocr 4. 推理流程整体梳理4.1 时间初始化与参数设置4.2 模型加载与词汇表构建4.3 计算图与内存分配4.4 文本预处理与推理过…...

编程日记 2026/1/25 8:27:25

SpringCloud-OpenFeign

前言 1.存在问题 远程调用可以像Autowired一样吗 服务之间的通信⽅式,通常有两种:RPC和HTTP. 在SpringCloud中,默认是使⽤HTTP来进⾏微服务的通信,最常⽤的实现形式有两种&#xff1a; RestTemplate OpenFeign RPC&#xff08;RemoteProcedureCall&#xff09;远程过程调⽤&…...

编程日记 2026/1/19 4:28:30

撰写学位论文Word图表目录的自动生成

第一步&#xff1a;为图片和表格添加题注 选中图片或表格 右键点击需要编号的图片或表格&#xff0c;选择 【插入题注】&#xff08;或通过菜单栏 引用 → 插入题注&#xff09;。 设置题注标签 在弹窗中选择 标签&#xff08;如默认有“图”“表”&#xff0c;若无需自定义标…...

编程日记 2026/1/19 2:39:07

Web 项目实战：构建属于自己的博客系统

目录 项目效果演示 代码 Gitee 地址 1. 准备工作 1.1 建表 1.2 引入 MyBatis-plus 依赖 1.3 配置数据库连接 1.4 项目架构 2. 实体类准备 - pojo 包 2.1 dataobject 包 2.2 request 包 2.3 response 包 2.3.1 统一响应结果类 - Result 2.3.2 用户登录响应类 2.3.3…...

编程日记 2026/1/19 1:36:19

分库分表设计与Java实践：从理论到实现

在分布式系统和高并发场景下&#xff0c;单一数据库的性能瓶颈逐渐显现&#xff0c;分库分表成为提升数据库扩展性和性能的重要手段。作为Java开发者&#xff0c;掌握分库分表的设计原则和实现方法&#xff0c;不仅能应对海量数据和高并发的挑战&#xff0c;还能优化系统架构的…...

编程日记 2025/5/25 16:16:31

P8667 [蓝桥杯 2018 省 B] 递增三元组

P8667 [蓝桥杯 2018 省 B] 递增三元组 题目描述 给定三个整数数组 A [ A 1 , A 2 , ⋯ , A N ] A [A_1, A_2,\cdots, A_N] A[A1​,A2​,⋯,AN​]&#xff0c; B [ B 1 , B 2 , ⋯ , B N ] B [B_1, B_2,\cdots, B_N] B[B1​,B2​,⋯,BN​]&#xff0c; C [ C 1 , C 2 , …...

编程日记 2025/11/29 2:17:52

【随行付-注册安全分析报告-无验证方式导致隐患】

前言 由于网站注册入口容易被黑客攻击&#xff0c;存在如下安全问题&#xff1a; 1. 暴力破解密码&#xff0c;造成用户信息泄露 2. 短信盗刷的安全问题&#xff0c;影响业务及导致用户投诉 3. 带来经济损失&#xff0c;尤其是后付费客户&#xff0c;风险巨大&#xff0c;造…...

编程日记 2026/1/20 2:29:54

什么是原型、原型链？

一、原型 每个函数都有一个prototype属性&#xff0c;称之为原型&#xff0c;也称为原型对象。 原型可以放一些属性和方法&#xff0c;共享给实例对象使用。原型可以用作继承 二、原型链 对象都有_proto_属性&#xff0c;这个属性指向它的原型对象&#xff0c;原型对象也是…...

编程日记 2026/1/22 8:16:23

前端性能优化实战：从 Webpack 到 Vite 的全栈提速方案

一、引言：前端性能优化的核心挑战 在单页面应用（SPA）和复杂前端项目日益普及的今天，构建工具的选择直接影响着开发效率与最终产物性能。传统构建工具如 Webpack 虽然功能强大，但随着项目规模扩大，逐渐暴露出打包速度慢、配置复杂度高、开发阶段内存占用大等问题。本文将…...

编程日记 2025/9/11 15:19:41

ChatGPT的GPT-4o创建图像Q版人物提示词实例展示

最近感觉GPT-4o发布的新功能真的强大&#xff0c;所以总结了一些提示词分享给大家&#xff0c;大家可以去试试&#xff0c;玩法多多&#xff0c;可以用GPT-4o生成图片&#xff0c;然后用可灵进行图生视频&#xff0c;就能去发布视频了&#xff01;接下来和笔者一起来试试&#…...

编程日记 2026/1/19 22:44:18

埃隆·马斯克与开源：通过协作重塑创新

李升伟 编译 埃隆马斯克以颠覆性创新闻名于世。从特斯拉&#xff08;Tesla&#xff09;、SpaceX、Neuralink到无聊公司&#xff08;The Boring Company&#xff09;&#xff0c;他的商业版图始终围绕解决全球复杂挑战展开。然而&#xff0c;一个较少被讨论的维度是&#xff1a…...

编程日记 2025/11/26 5:33:50

StringBuffer类基本使用

文章目录 1. 基本介绍2. String VS StringBuffer3. String和StringBuffer相互转换4. StringBuffer类常见方法5. StringBuffer类测试 1. 基本介绍 java.lang.StringBuffer 代表可变的字符序列&#xff0c;可以对字符串内容进行增删很多方法与String相同&#xff0c;但StringBuf…...

编程日记 2026/1/25 21:43:24

基于 Maven 构建的 Thingsboard 3.8.1 项目结构

一、生命周期&#xff08;Lifecycle&#xff09; Maven 的生命周期定义了项目构建和部署的各个阶段&#xff0c;图中列出了标准的生命周期阶段&#xff1a; clean&#xff1a;清理项目&#xff0c;删除之前构建生成的临时文件和输出文件。validate&#xff1a;验证项目配置是否…...

编程日记 2026/1/21 12:33:05

为啥物联网用MQTT？

前言 都说物联网用MQTT&#xff0c;那分别使用Http和Mqtt发送“Hello”&#xff0c;比较一下就知道啦 HTTP HTTP请求报文由请求行、头部字段和消息体组成。一个最简单的HTTP POST请求如下&#xff1a; POST / HTTP/1.1 Host: example.com Content-Length: 5 Content-Type: …...

编程日记 2026/1/8 9:24:12

《分布式软总线牵手云服务，拓展应用新维度》

分布式软总线与云服务的融合&#xff0c;正掀起一场前所未有的变革&#xff0c;重塑着我们工作、生活和交互的方式。二者的结合&#xff0c;犹如天作之合&#xff0c;不仅打破了设备与数据之间的壁垒&#xff0c;更开启了一系列令人瞩目的全新应用场景。 分布式软总线&#xf…...

编程日记 2025/11/18 9:31:46

十七、TCP编程

TCP 编程是网络通信的核心&#xff0c;其 API 围绕面向连接的特性设计&#xff0c;涵盖服务端和客户端的交互流程。以下是基于 ​C 语言的 TCP 编程核心 API 及使用流程的详细解析&#xff1a; 核心 API 概览 ​函数​角色​描述socket()通用创建套接字&#xff0c;指定协议族…...

编程日记 2026/1/7 22:02:40

DeepSeek vs Grok vs ChatGPT：三大AI工具优缺点深度解析

一、DeepSeek&#xff1a;低成本与中文专精的本地化AI 优点 中文处理能力卓越 DeepSeek针对中文语法和文化背景进行了深度优化&#xff0c;尤其在古文翻译、诗歌创作和技术文档生成中表现突出&#xff0c;远超ChatGPT的中文支持能力。高效推理与低成本 采用混合专家&#xff…...

编程日记 2025/10/13 20:30:48