摘要： class WebSocketRequest { constructor(url, options = {}) { this.url = url; this.socket = null; this.requestId = 0; this.requests = {}; this.options = O 阅读全文

摘要： 一.基本概念 WebSocket是一种在Web浏览器和服务器之间建立全双工通信的协议。它允许网页实时地发送和接收数据，而不需要页面刷新或像传统HTTP协议那样的轮询操作。 WebSocket使用HTTP协议进行握手，并通过Upgrade头字段指定从HTTP到WebSocket的转换。一旦握手成功，W 阅读全文

摘要： function request(url, options = {}) { const defaultOptions = { method: 'GET', headers: { 'Content-Type': 'application/json', }, body: null, }; const r 阅读全文

摘要： Fetch API 是一组用于在 Web 浏览器中进行网络请求的现代 JavaScript API。它提供了一种更简洁、更强大的方式来处理网络请求，相比传统的 XMLHttpRequest 对象，Fetch API 更易于使用且功能更丰富。 1.Fetch的特点： 基于 Promise：Fetch 阅读全文

摘要： 1.回调函数（callback） setTimeout(() => { // callback 函数体 }, 1000) （1）缺点：回调地狱，不能用 try catch 捕获错误，不能 return 回调地狱的根本问题在于： 缺乏顺序性： 回调地狱导致的调试困难，和大脑的思维方式不符 嵌套函数存在 阅读全文

摘要： 在组件中访问 Store 的最佳方法是使用connect()函数，该函数创建一个包裹现有组件的新组件。此模式称为高阶组件，通常是在 React 中扩展组件功能的首选方式。这允许您将状态和 Action 创建者映射到组件，并在 Store 更新时自动传递它们。 使用 connect 的<FilterL 阅读全文

摘要： redux-saga是一个库，旨在使 React/Redux 项目中的副作用（数据获取等异步操作和访问浏览器缓存等可能产生副作用的动作）更容易，更好。 1.安装 $ npm install --save redux-saga 2.redux-saga 的模型概念是什么? Saga就像你的项目中的一个 阅读全文

摘要： 可以使用redux-thunk中间件，它允许您定义异步操作。 //使用fetch API将特定帐户作为 AJAX 调用获取：export function fetchAccount(id) { return dispatch => { dispatch(setLoadingAccountState( 阅读全文

摘要： Vue 3 与 Vue 2 之间存在一些重要的变化和改进，因此在进行兼容性处理时需要注意一些关键点。 1. Composition API Vue 3 引入了 Composition API，与 Vue 2 的 Options API 不同。 如果您在 Vue 2 中使用了 Options API， 阅读全文

摘要： 在 React 中使用 TypeScript（TS）是一种很常见的做法，因为 TypeScript 提供了静态类型检查和其他一些有用的功能，可以帮助您更好地开发和维护 React 应用。 1.原始组件： // SimpleComponent.js import React from 'react'; 阅读全文