Websocket 使用指南

AI 编程助手,豆包旗下的编程助手,提供智能补全、智能预测、智能问答等能力,节省开发时间,释放脑海中的创造力,支持 VSCode,点击体验 AI

前言

在浏览器与服务器通信间,传统的 HTTP 请求在某些场景下并不理想,比如实时聊天、实时性的小游戏等等,其面临主要两个缺点:

  • 无法做到消息的「实时性」;
  • 服务端无法主动推送信息;

其基于 HTTP 的主要解决方案有:

  • 基于 ajax 的轮询:客户端定时或者动态相隔短时间内不断向服务端请求接口,询问服务端是否有新信息;其缺点也很明显:多余的空请求(浪费资源)、数据获取有延时;
  • Long Poll:其采用的是阻塞性的方案,客户端向服务端发起 ajax 请求,服务端挂起该请求不返回数据直到有新的数据,客户端接收到数据之后再次执行 Long Poll;该方案中每个请求都挂起了服务器资源,在大量连接的场景下是不可接受的;

可以看到,基于 HTTP 协议的方案都包含一个本质缺陷 —— 「被动性」,服务端无法下推消息,仅能由客户端发起请求不断询问是否有新的消息,同时对于客户端与服务端都存在性能消耗。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/14451


猜你喜欢

  • 如何监视数组更改?

    在前端开发中,数组是一个常用的数据结构。但是,当数组被修改时,我们通常需要对这些变化做出响应。本文将介绍如何通过一些技术手段来监视数组的更改。 监视数组的方法 使用 Object.defineProp...

    7 年前
  • 正确使用常量定义JavaScript中的函数

    在JavaScript中,我们可以使用常量来定义函数。常量定义的函数具有许多优点,例如可读性更高、易于维护和重构,并且可以帮助我们避免出现一些常见的bug。 什么是常量定义的函数? 常量定义的函数是指...

    7 年前
  • 如何在每次 gulpfile 修改后自动重启构建?

    Gulp 是一个流式构建工具,通过编写 Gulpfile.js 文件可以定义一系列任务,如文件合并、压缩、转换等操作。然而,每一次修改 Gulpfile.js 后都需要手动停止并重新启动 gulp 命...

    7 年前
  • 如何获取元素的文本节点?

    在前端开发中,我们经常需要获取 HTML 元素的文本内容。这些文本内容可能包括用户输入的表单数据、动态生成的文本或者是页面上已有的静态内容等。在获取元素的文本节点时,我们可以使用多种方式来实现。

    7 年前
  • 如何在JavaScript中迭代(键、值)?

    在JavaScript中,迭代对象的键(keys)和值(values)是一项常见的任务。这在处理数据结构时非常有用,例如在遍历数组或对象时查找特定的元素。本文将介绍如何在JavaScript中迭代对象...

    7 年前
  • 从参数对象中构建查询字符串

    在前端开发中,我们经常需要将一些参数拼接成一个 URL 查询字符串来发送给服务器。这个过程可能比较繁琐,但是通过 JavaScript 的内置方法和一些简单的技巧,可以使这个过程变得更加容易和高效。

    7 年前
  • 如何使用jQuery验证插件来检查窗体是否有效

    概述 在前端开发中,表单验证是必不可少的一部分。jQuery是一个非常受欢迎的JavaScript库,它提供了许多有用的功能,包括表单验证插件。本文将介绍如何使用jQuery验证插件来检查表单是否有效...

    7 年前
  • Shift + Tab的键代码是什么?

    在前端开发中,我们经常需要使用键盘快捷键来提高效率。其中,Shift + Tab 是一个非常有用的组合键,它可以将焦点从当前元素移出,并回到前一个可聚焦的元素。那么在 JavaScript 中,Shi...

    7 年前
  • 成功不是一个函数

    在前端开发中,我们常常会遇到需要处理异步操作的情况,例如从服务器获取数据、上传文件等。为了更好地控制这些异步操作,我们通常会使用 Promise 对象。 然而,Promise 并不是一个函数,它只是一...

    7 年前
  • 如何在JavaScript中找到另一个字符串中出现的所有字符串的索引?

    在前端开发中,有时需要在一个字符串中查找另一个字符串出现的位置。这个任务可以使用 JavaScript 字符串方法和正则表达式来实现。本文将详细介绍如何在 JavaScript 中查找另一个字符串中出...

    7 年前
  • 延迟加载文本按钮

    在前端开发中,我们常常会遇到需要加载大量文本的情况,例如在网页上显示文章、评论等内容。然而,一次性加载所有文本可能会导致页面变得缓慢并且影响用户体验。延迟加载文本按钮可以帮助我们解决这个问题。

    7 年前
  • 如何禁用快递文件上传bodyparser(Node.js)

    在Node.js中,body-parser是一个非常流行的HTTP请求正文解析器中间件。它可以将POST请求正文解析为JavaScript对象,使得数据的处理变得更加方便。

    7 年前
  • 使用JavaScript获取特定日期的纪元

    JavaScript是一种广泛使用的编程语言,可以用于前端开发、后端开发和移动应用程序开发等领域。在前端开发中,经常需要处理日期和时间方面的问题。本文将探讨如何使用JavaScript获取特定日期的纪...

    7 年前
  • 利用 Bootstrap 模态窗口和 Partial View 实现交互式前端体验

    Bootstrap 是一种常见的前端框架,其中包含了许多组件使得开发更加高效。其中之一是模态窗口(Modal)组件,允许开发者在页面上添加弹出式窗口,以便用户能够与应用程序进行交互。

    7 年前
  • 添加多个window.onload事件的实现方法

    在前端开发中,我们经常需要在页面加载完成后执行一些操作。最常见的方式就是使用 window.onload 事件来实现。但是如果需要添加多个 window.onload 事件,该如何实现呢?本文将介绍两...

    7 年前
  • 最简单的方法是将主干模型重置为初始默认值?

    在前端开发中,我们经常需要对已有的模型进行修改或调整。但有时候我们可能会遇到一些问题,例如模型已被调整多次导致无法回溯到最初状态,或者修改后的模型效果并不理想等。这时,将主干模型重置为初始默认值可能是...

    7 年前
  • jQuery中的Google Maps API和美元(文档).ready()方法

    如果你是一个前端开发人员并且使用jQuery,那么你可能已经知道了$(document).ready()方法的作用——等待DOM加载完成后执行JavaScript代码。

    7 年前
  • 捕获JavaScript console.log?

    console.log() 是前端开发中最常用的调试工具之一,它能在浏览器控制台输出日志信息。但是,在一些场景下,我们可能需要捕获这些日志信息并进行进一步的处理。比如,我们想在生产环境下收集用户的错误...

    7 年前
  • 在另一个数组中插入一个数组

    在前端开发中,有时我们需要将一个数组插入到另一个数组中。这个过程可能看起来很简单,但实际上涉及到一些细节和技巧。本文将讨论如何在另一个数组中插入一个数组,并提供示例代码和指导意义。

    7 年前
  • 如何从“参数”中获取一个片段

    在前端开发中,我们经常需要从 URL 参数或者表单提交参数中获取某个特定的值或者一段文本。本文将介绍如何使用 JavaScript 从参数中获取一个片段,并提供相应的示例代码。

    7 年前

相关推荐

    暂无文章