2024年5月21日
摘要: class WebSocketRequest { constructor(url, options = {}) { this.url = url; this.socket = null; this.requestId = 0; this.requests = {}; this.options = O 阅读全文
posted @ 2024-05-21 15:43 萬事順意 阅读(289) 评论(0) 推荐(0) 编辑
  2024年5月16日
摘要: 一.基本概念 WebSocket是一种在Web浏览器和服务器之间建立全双工通信的协议。它允许网页实时地发送和接收数据,而不需要页面刷新或像传统HTTP协议那样的轮询操作。 WebSocket使用HTTP协议进行握手,并通过Upgrade头字段指定从HTTP到WebSocket的转换。一旦握手成功,W 阅读全文
posted @ 2024-05-16 15:02 萬事順意 阅读(1573) 评论(0) 推荐(0) 编辑
  2024年5月14日
摘要: function request(url, options = {}) { const defaultOptions = { method: 'GET', headers: { 'Content-Type': 'application/json', }, body: null, }; const r 阅读全文
posted @ 2024-05-14 09:16 萬事順意 阅读(139) 评论(0) 推荐(0) 编辑
  2024年5月13日
摘要: Fetch API 是一组用于在 Web 浏览器中进行网络请求的现代 JavaScript API。它提供了一种更简洁、更强大的方式来处理网络请求,相比传统的 XMLHttpRequest 对象,Fetch API 更易于使用且功能更丰富。 1.Fetch的特点: 基于 Promise:Fetch 阅读全文
posted @ 2024-05-13 09:42 萬事順意 阅读(5780) 评论(0) 推荐(2) 编辑
  2024年5月10日
摘要: 1.回调函数(callback) setTimeout(() => { // callback 函数体 }, 1000) (1)缺点:回调地狱,不能用 try catch 捕获错误,不能 return 回调地狱的根本问题在于: 缺乏顺序性: 回调地狱导致的调试困难,和大脑的思维方式不符 嵌套函数存在 阅读全文
posted @ 2024-05-10 14:55 萬事順意 阅读(33) 评论(0) 推荐(0) 编辑
摘要: 在组件中访问 Store 的最佳方法是使用connect()函数,该函数创建一个包裹现有组件的新组件。此模式称为高阶组件,通常是在 React 中扩展组件功能的首选方式。这允许您将状态和 Action 创建者映射到组件,并在 Store 更新时自动传递它们。 使用 connect 的<FilterL 阅读全文
posted @ 2024-05-10 09:35 萬事順意 阅读(33) 评论(0) 推荐(0) 编辑
  2024年5月9日
摘要: redux-saga是一个库,旨在使 React/Redux 项目中的副作用(数据获取等异步操作和访问浏览器缓存等可能产生副作用的动作)更容易,更好。 1.安装 $ npm install --save redux-saga 2.redux-saga 的模型概念是什么? Saga就像你的项目中的一个 阅读全文
posted @ 2024-05-09 09:39 萬事順意 阅读(58) 评论(0) 推荐(0) 编辑
摘要: 可以使用redux-thunk中间件,它允许您定义异步操作。 //使用fetch API将特定帐户作为 AJAX 调用获取:export function fetchAccount(id) { return dispatch => { dispatch(setLoadingAccountState( 阅读全文
posted @ 2024-05-09 09:35 萬事順意 阅读(21) 评论(0) 推荐(0) 编辑
  2024年5月8日
摘要: Vue 3 与 Vue 2 之间存在一些重要的变化和改进,因此在进行兼容性处理时需要注意一些关键点。 1. Composition API Vue 3 引入了 Composition API,与 Vue 2 的 Options API 不同。 如果您在 Vue 2 中使用了 Options API, 阅读全文
posted @ 2024-05-08 09:54 萬事順意 阅读(363) 评论(0) 推荐(0) 编辑
摘要: 在 React 中使用 TypeScript(TS)是一种很常见的做法,因为 TypeScript 提供了静态类型检查和其他一些有用的功能,可以帮助您更好地开发和维护 React 应用。 1.原始组件: // SimpleComponent.js import React from 'react'; 阅读全文
posted @ 2024-05-08 09:49 萬事順意 阅读(392) 评论(0) 推荐(0) 编辑