页面outlet react token
uni-app token过期刷新与重新请求
import store from '@/store/index.js' function loginOut() { uni.showToast({ title: '登录失效，请重新登录', icon: 'none' }) setTimeout(() => { uni.clearStorage() ......
区块链的"token"和"NFT"
在区块链中，"token"和"NFT"（Non-Fungible Token）是两个常见的概念。 Token（代币）：Token是在区块链上表示某种资产或价值的数字化单位。它可以代表各种不同类型的资产，如货币、权益、商品、服务或其他实物或虚拟资产。Token可以通过智能合约发行和管理，并可以在区块链 ......
JWT生成的token——中间部分Payload的坑
JWT进行token认证应该都用过，标准的加密（Base64 编码）后的token是这样的三段式的：eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwiaWQiOiIxMjM0NTY3ODkwIiwiZXhwIjoxNjA1MDAxNzQyLCJpYXQ ......
在React中使用`typeit`库
在React中使用typeit库 安装 npm install typeit-react 在需要用到的组件导入，使用 import TypeIt from "typeit-react"; const text () => { return ( <div> <TypeIt>文字打字效果</TypeIt ......
React中store的使用(redux、redux-tookit)及store数据持久化(redux-persist)
React中store的使用(redux、redux-tookit)及store数据持久化(redux-persist) 安装 npm insatll react-redux npm install @reduxjs/toolkit npm install redux-persist 简单使用sto ......
SpringBoot + 通义千问 + 自定义React组件，支持EventStream数据解析！
一、前言 大家好！我是sum墨，一个一线的底层码农，平时喜欢研究和思考一些技术相关的问题并整理成文，限于本人水平，如果文章和代码有表述不当之处，还请不吝赐教。 最近ChatGPT非常受欢迎，尤其是在编写代码方面，我每天都在使用。随着使用时间的增长，我开始对其原理产生了一些兴趣。虽然我无法完全理解这些 ......
React学习之路_基础知识点01
React之JSX： 1、全称：javaScript XML 1.1、react定义的一种类似于XML的JS 扩展语法：JS+XML 2、作用：用于简化创建虚拟DOM a 写法： var ele = <h1>Hello JSX </h1> b.注意点1 ：他不是字符，也不是HTML/XML 标签 ， ......
Electron-React18-MacOS桌面管理系统|electron27+react仿mac桌面
基于React18+Electron27+ArcoDesign仿macOS桌面端系统框架ElectronMacOS。 electron-react-macOs 基于electron27.x+vite4+react18+arcoDesign+zustand等技术构建桌面版仿MacOs框架系统解决方案。 ......
harmonyOS开发页面跳转(传参)篇
index.ets文件中引入router import router from "@ohos.router" 在resource profile main_pages.json 配置路由 既可 跳转成功 如下图 Second页面获取Index页面的参数 用 router.getParams() ......
制作名曲欣赏页面
代码实现 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>名曲欣赏</title> 5 <meta charset="UTF-8" /> 6 <style> 7 .container { 8 display: flex; 9 flex-direction: ......
UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??=' 报错处理
在用vite创建react的时候 install完成后输入pnpm run dev 突然蹦出 UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??=' 一脸闷逼,百度了一下。哦吼， 逻辑空赋值(??=)是ES2021的 ......
React 应用构建（环境）
可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ 一. 环境搭建 工作编辑器：Visual Studio Code。 Javascript 解析器、运行环境 Node.js 的安装。 npm 安装：npm 是 Node.js 的软件包管理器。 ......
安防监控视频云存储平台EasyCVR页面播放卡顿的优化方法
视频监控平台EasyCVR能在复杂的网络环境中，将分散的各类视频资源进行统一汇聚、整合、集中管理，在视频监控播放上，TSINGSEE青犀视频安防监控汇聚平台可支持1、4、9、16个画面窗口播放，可同时播放多路视频流，也能支持视频定时轮播。视频监控汇聚平台EasyCVR支持多种播放协议，包括：HLS、 ......
单页面下模拟路由跳转
项目需求：一个路由页面下展示多个页面，且切换时要像真正的路由一样可以携带路由参数 三个前置知识： vue不允许在路由栈中推入同一URL地址，否则会告警：NavigationDuplicated: Avoided redundant navigation to current location: "/ ......
vue弹窗中嵌入iframe页面，焦点在iframe页面中，需要监听esc按键关闭弹窗
当焦点在弹窗中，点击esc按钮能正常关闭弹窗，但是当焦点在iframe页面中时，esc按键就不生效了 试错： 直接使用 document.addEventListener('keydown', this.listenerHandle)或者document.querySelector('#iframe ......
nuxt3设置404页面
1.在你的page目录下新建一个[...slug].vue的文件，文件内容为自定为自定义的404内容 <!--404页面--> <template> <div class="error-page"> 404 </div> </template> <script setup lang="ts"> se ......
react中绘制饼图基础例子
使用interval标记和theta坐标系来绘制饼图 radius：标签相对于饼图圆心的距离 .label()中的text 指定了一个回调函数，可以设置标签，其中d是当前项数据，i是当前项的索引，data是全部的数据，注意回调函数要有返回值。 实现效果： import { Chart } from ......
Angular 依赖注入系统里 Injection token PLATFORM_ID 的使用场景
Angular 的依赖注入系统是它的核心特性之一，它使得我们可以轻松地在应用程序的各个部分共享和管理代码。在 Angular 的依赖注入系统中，InjectionToken 是一个特别重要的概念。InjectionToken 是一个用于参数类型的标记类，它可以用来在依赖注入器中注入特定的值。在这里， ......
通过api登录接口获得cookie，给selenium使用，绕开登录页面
1、通过接口登录获得cookie def get_token_cookie(): test = SSO_EXAMPLE() token = test.get_session.json()['token'] cookie = test.get_session.cookies return token, ......
Java 删除PDF页面 （免费工具分享）
对PDF页面的增删通常需要借助专门的工具，而这些工具一般需要付费才能使用。那么我们可以通过Java代码免费实现这一功能吗？答案是肯定的。这篇文章就教大家如何使用一个免费的国产Java库来删除PDF中的指定页面或者删除PDF中的空白页。 使用Java快速删除PDF中的指定页面 1. 首先，我们需要先将 ......
关于token的生成格式--Bearer头部说明
1.Bearer头部：好处在于可以让请求方和服务方都快速而准确地识别Token的传递方式，使得身份验证更加规范化和通用化，便于开发和维护。但并没有更安全，且具体使用须前后一致。 2.带Bearer头部的生成和解密如下： public String createTokenByBao(String us ......
AWS 登录页面上 Root user 和 IAM user 的区别
在 AWS（Amazon Web Services）中，可以通过两种用户类型登录到 AWS 管理控制台，即 Root user 和 IAM user。这两种用户类型之间存在一些主要的区别，这些区别主要涉及账户所有权、权限级别和安全方面的问题。 首先，我们要理解 Root user 和 IAM use ......
React学习二：表单受控绑定、获取Dom、组件通信、useEffect、自定义Hook
一、受控表单绑定 概念：使用react组件的状态（useState）控制表单的状态。双向绑定，数据变化视图也变，视图变数据也变。 import { useState } from 'react' function App() { const [content, setContent] = useSt ......
前端笔记：React学习 1.1--配置环境
1.1 配置环境 React中文文档 React官网文档 安装Nodejs Nodejs官网 安装create-react-app 终端执行： npm i -g create-react-app 安装VSCode插件 Simple React Snippets Prettier - Code for ......
12.页面优化插件
页面优化插件 应用场景 原生的页面在对于前端不够熟悉的情况下，编写起来是比较困难的。包括设置一些样式，从头再学习 CSS 成本较大。 如果要简化学习成本，可以通过响应式的前端框架 Bootstrap 完成，通过使用 Bootstrap，开发者可以节省大量的时间和精力。 在 Bootstrap 的基础 ......
前端页面部署之后刷新页面之后出现HTTP 错误 404.0 - Not Found错误问题解决
前端页面部署能正常访问，但是一旦刷新页面就报如下错误：404.0 - Not Found 解决办法：下载IIS URL重写模版，并安装。下面为安装地址： URL Rewrite : The Official Microsoft IIS Site 安装之后IIS中出现如下IIS重写模块： 点击进去添加 ......
Vue 设置为history模式之后，刷新页面报404错误的解决办法
网上搜索出现很多修改前端或后端的方法试了都不行，后来在IIS中添加URL重写规则就解决了（如果没有Url重写模块,需要下载安装：rewrite_amd64_zh-CN.msi），设置重写之后会在网站前端根目录下生成一个web.config文件。所以如果嫌配置url重写麻烦的话，直接把这个web.co ......
Vue多页面和单页面的场景
开发分类 实现方式 页面性能 开发效率 用户体验 学习成本 首屏加载 SEO 单页 一个html页面 按需更新性能高 高 非常好 高 慢 差 多页 多个html页面 整页更新性能低 中等 一般 中等 快 优 场景 单页面应用 系统类网站 内部网站 文档类网站 移动端站点 多页面应用 公司官网 电商类 ......
打工笔记----------------------------iframe重定向让父级页面跳转
"top.location.href"是最外层的页面跳转 $.ajax({ url: URL + "SystemPrivileges/UserChangePW", data: { userName: userName, passWord: passWord, oldpwd: passWordold, ......