React纯前端模拟实现登录鉴权
目录 一、目标 二、鉴权规则设计 2.1 登录状态判断 2.2 未登录重定向 2.3 登录状态设置 2.4 定时更新登录状态 2.5 会话超时处理 2.6 流程图 三、Hook代码实现 3.1 Hook代码 3.2 Hook使用方式 四...
使用React hook实现remember me功能
目录 引言 1. useRememberMe 钩子函数 2. 小试牛刀 3. 原理解释 4. 最终效果 引言 相信大家在使用 React 写页面的时候都遇到过完成 Remember me 的需求吧！本文就将这个需求封装在一个 React ho...
利用Node.js和MySQL实现创建API服务器
本文介绍如何使用Node.js和MySQL创建API服务器的步骤，这也是从前端迈向全栈的一个开始。 步骤 1：设置项目基础 首先，确保开发环境中安装了Node.js和MySQL。 创建一个新目录作为项目文件夹，并...
在Express处理错误和未匹配路由的解决方法
目录 Express 中的错误处理 分步指南 1. 创建错误处理中间件 2. 使用 next() 3. 处理异步错误 处理未匹配的路由 处理未处理路由的步骤 1. 定义全捕获路由 2. 自定义响应 结论 Express 中的...
Nodejs中执行的shell命令的代码分享
目录 获取 CPU 温度 获取硬盘 SMART 信息 获取网络接口信息 获取系统日志 获取系统内存使用情况 查找系统中最大的文件 获取系统启动时间 检查系统是否在运行特定服务 获取系统 IP 地址 检查系统...
基于React封装一个层次模糊效果的容器组件
目录 需求分析 构建过程 1. 设置组件接收的Props 2. 计算模糊层样式 3. 条件渲染 4. 应用样式和自定义类名 完整代码展示 兼容方案 兼容组件 对应的样式文件 (index.less) 兼容backdrop-filter ...
React处理复杂图片样式的方法详解
目录 1. 技术栈介绍 2. 兜底方案流程图 3. 封装成 React 组件 正如文章题目所示，本文的目的是为了记录工作中遇到的，在页面中处理复杂图片样式的解决方案。使用的技术栈有： web Worker fetch ...
Node.js中操作MongoDB的CRUD操作指南
目录 基础版 1. 创建(Create) 插入单条数据 插入多条数据 2. 读取(Read) 查询单条数据 查询多条数据 3. 更新(Update) 更新单条数据 更新多条数据 4. 删除(Delete) 删除单条数据 删除多条数据 进...
JavaScript第三方库delegates的用法详解
目录 简介 用法 安装 delegates 基本使用 链式调用 完整的方法代理 总结 简介 delegates 库可以帮助开发人员在两个对象之间建立一个代理关系，让一个对象可以安全地调用另一个对象的方法和访问...
Node server生成Swagger接口文档步骤详解
本文介绍使用NodeJs搭建的后端server快速生成Swagger接口文档的技巧。将Node.js服务器的路由信息转换成Swagger（现称OpenAPI Specification）格式的步骤通常如下： 安装必要的Node.js库：首先，...
