MJ系列之前后端汇总

最新推荐文章于 2024-08-30 18:03:30 发布
最新推荐文章于 2024-08-30 18:03:30 发布
阅读量660 收藏
点赞数
分类专栏： MJ 文章标签： ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_52458664/article/details/120403016
版权
本文总结了前后端通信的各种方式，包括WebSocket的心跳机制、轮询、长轮询（Comet）、SSE（Server-Sent Events）以及HTTP数据请求如AJAX、fetch和axios。WebSocket是一种基于TCP的全双工通信协议，适合实时通信；fetch是现代浏览器的API，处理跨域和HTTP状态码的方式不同于AJAX；axios则是在Promise基础上封装的XHR，方便异步请求。
摘要由CSDN通过智能技术生成

前后端通信方式

长轮询、轮询、长连接
有图

Websocket

websocket
基于TCP的全双工通信协议，通过一次http请求建立连接。

心跳

前端定时发送心跳消息ping，后端收到ping类型的消息，立马返回pong消息，告知前端连接正常。如果一定时间没收到pong消息，就说明连接不正常，前端便会执行重连。

let interval;

/**
 * WebSocket 连接方式封装
 * @returns {void}
 */
function connectSocket() {
   
    let ws = new WebSocket(url);
    ws.onopen = function() {
   
    	ws.onmessage = function(e) {
   
            let data = <
最低0.47元/天 解锁文章
步入中年的狗
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
MJ关键词midjourney色彩系列风格词全集.xlsx
05-03
MJ关键词midjourney色彩系列风格词全集 马卡龙色系 糖果色系 珊瑚色系 紫罗兰色系 绿野仙踪色系 玫瑰金色系 浅蓝色系 酒红色系 土耳其蓝色系 薄荷绿色系 日暮色系 枫叶红色系 波普艺术色系 雪山蓝色系 莫兰迪色系 钛...
MJ系列之端汇总
m0_52458664的博客
09-28 2245
大前端 大前端就是所有前端的统称，比如Android、iOS、web、Watch等。 大前端最大的特点在于一次开发，同时适用于所有平台，开发者不用为一个APP需要做Android和iOS两种模式而担心。 其实大前端的主要核心就是跨平台技术，有了跨平台技术，各个平台的差异性就抹平了，开发者只需要一套技术栈就可以开发出适用于多个平台的客户端。 全栈的性能 全栈工程师主要负责应用开发，对前端后端技术都能熟练使用，更关注应用开发本身，以做新功能为主。 但在大型应用中，除了功能，性能也变得重要，这时候就需要构架师了。
MJ系列之HTTP汇总
m0_52458664的博客
09-10 194
HTTP汇总 get和post的区别 传送：get把参数放入url里，post把参数放在body里，参数保留在浏览器历史 大小：url长度有限制（浏览器和服务端自己限制的） 缓存：get能，post不能，除非手动设置，get能被收藏为书签 编码：get只支持url编码，post支持多种编码 数据类型：get只支持ASCII，post不限制 转发 和 重定向的区别 转发是服务器行为，重定向是客户端行为。 转发：客户浏览器发送HTTP请求，服务器接收，将转发跳转到的那个网页资源返回给客户，但是浏览器地址不变。在
MJ系列之JS汇总
m0_52458664的博客
09-20 487
JS汇总 数据类型 基本数据类型：字符串、数字、布尔、null、undefined、Symbol、bigInt 引用数据类型：Object Symbol这种类型的对象永不相等，即便创建的时候传入相同的值也不相等。 BigInt数据类型的目的是比Number数据类型支持的范围更大的整数值。 引用数据类型存储在堆内存中，引用数据类型占据空间大、大小不固定 基本数据类型变量保存在栈内存中，因为基本数据类型占用空间小、大小固定，通过值来访问 类型转换 类型转换 隐式转换：if括号里变量会转换成布尔 遇到宽松相等开启
MJ系列之浏览器汇总
m0_52458664的博客
09-28 529
性能优化 1、缓存（缓解服务器压力，提升性能本地更快，） 缓存 流程 缓存 1、浏览器会根据 http response header 中的 Expires 和cahe-control 字段判断是否命中强缓存，如若命中，则直接从缓存中取资源，不会再去向服务器请求了。 2、否则，浏览器会发出一个条件请求，浏览器会在请求头中包含 If-Modified-Since 或 If-None-Match 字段，If-Modified-Since 即浏览器当初得到的 Last-Modified；If-None-Matc
MJ系列之算法汇总
m0_52458664的博客
09-28 317
快排 冒泡 const array = [1, 3, 2, 6, 4, 5, 9, 8, 7]; const sort = (arr) => { let result = [...arr]; let temp; for(let i = 0; i < result.length - 1; i++){ for(let j = 0; j < result.length - 1 -i; j++){ if(result[j] > result[j + 1]){
MJ.zip_MJ
09-24
《 mj 游戏详解——基于SWF格式的互动体验》 在数字娱乐领域，游戏一直是深受大众喜爱的一种形式。今天，我们将深入探讨一个名为“MJ”的游戏，它以SWF（ShockWave Flash）格式呈现。SWF是一种由Adobe公司开发的...
MJ15024G的技术参数
12-10
**MJ15024G晶体管技术详解** 在电子工程领域，晶体管是不可或缺的基础元件，它们在放大电流、开关电路以及构建逻辑门等方面扮演着核心角色。本文将详细探讨型号为MJ15024G的NPN型晶体管，分析其主要技术参数及其在...
MJ11015G的技术参数
12-10
产品型号:MJ11015G类型:PNP集电极－发射集最小雪崩电压VCEO(V):120集电极最大电流IC(Max)(A):30直流电流增益hFE最小值(dB):200直流电流增益hFE最大值(dB):1000最小电流增益带宽乘积Ft(MHz):4总功耗PD(W):200封装/...
MJ21195G的技术参数
12-10
产品型号:MJ21195G类型:PNP集电极－发射集最小雪崩电压VCEO(V):250集电极最大电流IC(Max)(A):16直流电流增益hFE最小值(dB):25直流电流增益hFE最大值(dB):75最小电流增益带宽乘积Ft(MHz):4总功耗PD(W):250封装/温度...
MJ系列之ES6汇总
m0_52458664的博客
09-15 111
ES6 ECMA为JavaScript制定的第6个标准版本 var、const、let区别 let、const是es6，const用于声明常量，不能改变 let相比var不会存在声明提前，不会有变量覆盖，有块级作用域 … 扩展运算符，深拷贝一个数组，数组拼接 模板字符串 反引号(``)标识，用${}界定表达式嵌入字符串中进行拼接 对象和数组解构 允许按照一定模式，从数组和对象中提取值，对变量进行赋值 const { name, age, sex } = student; let color = ['red'
M了个J大神的MJRefresh
热门推荐
ArgentinaNo10的博客
07-01 1万+
支持哪些控件的刷新 UIScrollView、UITableView、UICollectionView、UIWebView 如何使用MJRefresh cocoapods导入：pod 'MJRefresh'手动导入： 将MJRefresh文件夹中的所有文件拽入项目中导入主头文件：#import "MJRefresh.h" Base
iOS开发-ios7下拉刷新,上提加载快速集成
Colin丶
02-10 8558
在ios7之前,一直在使用开源的EGO库。但是，在使用过程中发现,普遍封装得过于复杂、耦合性强，不利于集成到自己的项目中。 另外，在ios7之后，一些原有的下拉刷新,上提加载控件表现的就不是那么出色了。除了可能出错外，也不符合扁平化的风格。 后来,在code4App上发现了一个大牛上传了一个开源代码， 仅需几行代码就可以为UITableView或者CollectionView加上下拉刷新或者上
Ajax学习笔记
小陈从不熬夜
08-21 1247
Ajax学习笔记
Ajax的$.post()，$.get()，$.ajax 方法请求都是默认异步请求
程序人生
08-30 299
【代码】Ajax的$.post()，$.get()，$.ajax 方法请求都是默认异步请求。
Json、Ajax
ckx0703的博客
08-27 680
定义：是一种轻量级的数据交换格式JSON是JavaScript Object Notation缩写作用：使用ajax进行前后台数据交换移动端与服务端的数据交换。
理解 Axios、jQuery Ajax 和 Fetch 的差别
a2274001782的博客
08-30 569
jQuery 是一个功能强大的 JavaScript 库，Ajax 是其核心功能之一。通过 jQuery Ajax，我们可以轻松地进行异步 HTTP 请求，更新页面内容而无需重新加载页面。Fetch API 是现代浏览器提供的原生 API，用于替代传统的 XMLHttpRequest（XHR）。它基于 Promise，提供了更简洁和强大的接口来处理 HTTP 请求。Axios 是一个基于 Promise 的 HTTP 客户端，可以运行在浏览器和 Node.js 中。
2022年40多份中国各行业、区域统计大集合(全新整理)
最新发布
08-30
1、资源内容地址：https://blog.csdn.net/2301_79696294/article/details/141308935 2、代码特点：今年全新，手工精心整理，放心引用，数据来自权威，相对于其他人的控制变量数据准确很多,适合写论文做实证用 ，不会出现数据造假问题 3、适用对象：大学生，本科生，研究生小白可用，容易上手！！！ 3、课程引用: 经济学，地理学，城市规划与城市研究，公共政策与管理，社会学，商业与管理 ## 数据指标说明 为了方便大家研究，我们收集了各类年鉴，做了一个合集，目前共有40多分2022年最新年鉴，后续将持续更新中~~~~
基于springboot的课程作业管理系统设计与实现.docx
08-30
基于springboot的课程作业管理系统设计与实现.docx
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值