会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
萬事順意
代码改变世界 -- Hello World
博客园
首页
新随笔
联系
订阅
管理
2024年5月21日
JS — websocket封装
摘要: 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 萬事順意
阅读(310)
评论(0)
推荐(0)
编辑
2024年5月16日
JS — webscoket详解
摘要: 一.基本概念 WebSocket是一种在Web浏览器和服务器之间建立全双工通信的协议。它允许网页实时地发送和接收数据,而不需要页面刷新或像传统HTTP协议那样的轮询操作。 WebSocket使用HTTP协议进行握手,并通过Upgrade头字段指定从HTTP到WebSocket的转换。一旦握手成功,W
阅读全文
posted @ 2024-05-16 15:02 萬事順意
阅读(1721)
评论(0)
推荐(0)
编辑
2024年5月14日
JS — fetch封装
摘要: function request(url, options = {}) { const defaultOptions = { method: 'GET', headers: { 'Content-Type': 'application/json', }, body: null, }; const r
阅读全文
posted @ 2024-05-14 09:16 萬事順意
阅读(148)
评论(0)
推荐(0)
编辑
2024年5月13日
JS — fetch详解
摘要: Fetch API 是一组用于在 Web 浏览器中进行网络请求的现代 JavaScript API。它提供了一种更简洁、更强大的方式来处理网络请求,相比传统的 XMLHttpRequest 对象,Fetch API 更易于使用且功能更丰富。 1.Fetch的特点: 基于 Promise:Fetch
阅读全文
posted @ 2024-05-13 09:42 萬事順意
阅读(6334)
评论(0)
推荐(2)
编辑
2024年5月10日
JS — 异步解决方案的发展历程以及优缺点
摘要: 1.回调函数(callback) setTimeout(() => { // callback 函数体 }, 1000) (1)缺点:回调地狱,不能用 try catch 捕获错误,不能 return 回调地狱的根本问题在于: 缺乏顺序性: 回调地狱导致的调试困难,和大脑的思维方式不符 嵌套函数存在
阅读全文
posted @ 2024-05-10 14:55 萬事順意
阅读(36)
评论(0)
推荐(0)
编辑
React — 访问 Redux Store 的正确方法是什么?
摘要: 在组件中访问 Store 的最佳方法是使用connect()函数,该函数创建一个包裹现有组件的新组件。此模式称为高阶组件,通常是在 React 中扩展组件功能的首选方式。这允许您将状态和 Action 创建者映射到组件,并在 Store 更新时自动传递它们。 使用 connect 的<FilterL
阅读全文
posted @ 2024-05-10 09:35 萬事順意
阅读(37)
评论(0)
推荐(0)
编辑
2024年5月9日
React — 什么是 redux-saga?
摘要: redux-saga是一个库,旨在使 React/Redux 项目中的副作用(数据获取等异步操作和访问浏览器缓存等可能产生副作用的动作)更容易,更好。 1.安装 $ npm install --save redux-saga 2.redux-saga 的模型概念是什么? Saga就像你的项目中的一个
阅读全文
posted @ 2024-05-09 09:39 萬事順意
阅读(60)
评论(0)
推荐(0)
编辑
React — 如何在 Redux 中发起 AJAX 请求?
摘要: 可以使用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 —兼容 Vue 2.0到 Vue 3.0 的注意事项
摘要: 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 萬事順意
阅读(371)
评论(0)
推荐(0)
编辑
TS — 在React中使用TS(基础使用)
摘要: 在 React 中使用 TypeScript(TS)是一种很常见的做法,因为 TypeScript 提供了静态类型检查和其他一些有用的功能,可以帮助您更好地开发和维护 React 应用。 1.原始组件: // SimpleComponent.js import React from 'react';
阅读全文
posted @ 2024-05-08 09:49 萬事順意
阅读(399)
评论(0)
推荐(0)
编辑
下一页