摘要: 使用 antd 的 Spin 实现 Loading 代码如下: fullLoading.tsx import ReactDOM from "react-dom/client"; import { Spin } from "antd"; // 全局加载 loading // 当前请求的个数 // 当同 阅读全文
posted @ 2023-12-21 18:03 guozhenshu 阅读(966) 评论(0) 推荐(0) 编辑
摘要: 前端常见登录方式 总结下前端几种常见的登录方式: Session Token Oauth 第三方登录 SSO 单点登录 多因素认证 1、 基于会话(Session)的认证 特点:服务端存储 SessionId 1.1 实现流程 用户提交登录表单,包含用户名和密码。 服务器验证凭证,如果凭证正确,则创 阅读全文
posted @ 2023-12-20 15:23 guozhenshu 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 在使用 useEffect 这个 hook 时,发现useEffect会执行2次 useEffect(() => { console.log("执行 useEffect"); }, []); 控制台输出: 执行 useEffect 执行 useEffect 查看 疑难解答 官方文档,官方解释如下: 阅读全文
posted @ 2023-12-18 10:00 guozhenshu 阅读(757) 评论(0) 推荐(0) 编辑
摘要: 1、项目初始化 创建项目 npx create-react-app react-router 安装 react-router-dom npm i react-router-dom 2、快速体验 index.js import React from 'react'; import ReactDOM f 阅读全文
posted @ 2023-12-10 09:42 guozhenshu 阅读(233) 评论(0) 推荐(0) 编辑
摘要: 注:官方推荐使用 redux-toolkit 1、项目准备 创建项目 npx create-react-app 项目名称 安装 redux npm install --save redux 安装 react-redux npm install --save react-redux 2、示例: Tod 阅读全文
posted @ 2023-12-09 16:12 guozhenshu 阅读(10) 评论(0) 推荐(0) 编辑
摘要: 1、安装 npm install @reduxjs/toolkit react-redux 2、使用 2.1 创建一个 Redux Store app/store.js import { configureStore } from '@reduxjs/toolkit' export const st 阅读全文
posted @ 2023-12-09 16:12 guozhenshu 阅读(43) 评论(0) 推荐(0) 编辑
摘要: 1、Redux 下载 下载地址 git clone https://github.com/reactjs/redux.git 进入examples/todos,下载依赖: npm install 2、问题复现及解决 执行命令 npm run start 此时终端报错: Error: error:03 阅读全文
posted @ 2023-12-03 23:06 guozhenshu 阅读(45) 评论(0) 推荐(0) 编辑
摘要: 1. 问题描述 执行安装内容: npm install sass -D 报错:reify:fsevents: sill reify mark deleted [] 2、解决方法 2.1 查看当前npm镜像: npm config get registry 发现是淘宝镜像 https://regist 阅读全文
posted @ 2023-11-25 12:00 guozhenshu 阅读(2608) 评论(0) 推荐(0) 编辑
摘要: ## 一、win+R 输入regedit,打开注册表编辑器 ## 二、添加右键文件夹打开命令 1. 找到 HKEY_CLASSES_ROOT > Directory > shell 2. 右键 shell ,新建项 VSCode,点击 VSCode 文件夹,双击右边的"默认",输入 Open wit 阅读全文
posted @ 2023-09-04 16:28 guozhenshu 阅读(2828) 评论(0) 推荐(1) 编辑
摘要: ## 1、配置 tsconfig.json * 在compilerOptions设置baseUrl项目根目录路径 ~~~json compilerOptions: { "baseUrl": "./", } ~~~ * 在compilerOptions下设置paths选项来指定你的别名配置 ~~~js 阅读全文
posted @ 2023-09-01 10:06 guozhenshu 阅读(327) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示