页面outlet react token
记 react-redux redux-toolkit
1、安装 npm install @reduxjs/toolkit react-redux 2、使用 2.1 创建一个 Redux Store app/store.js import { configureStore } from '@reduxjs/toolkit' export const st ......
Django - 在后台上传文章封面图 - 并在前端页面展示
需要用到 models.ImageField()， 它继承自 models.FileField(), 用ImageField的时候需要安装pillow pip install pillow -i https://pypi.douban.com/simple/ 首先，进行媒体文件配置： setting ......
layui刷新tab选项卡页面后,让页面停留在当前的选项卡
$(".layui-tab-title li").click(function(){ var picTabNum = $(this).index(); sessionStorage.setItem("picTabNum",picTabNum); }); $(function(){ var getPi ......
React diff 算法详解
代码参照 React 16.13.1 什么是 Diff 在render阶段的beginWork函数中，会将上次更新产生的 Fiber 节点与本次更新的 JSX 对象（对应ClassComponent的this.render方法返回值，或者FunctionComponent执行的返回值）进行比较。根据 ......
在winform中使用blazor hybrid构建页面
1、Blazor Hybrid简介 Blazor Hybrid 使开发人员能够将桌面和移动本机客户端框架与 .NET 和 Blazor 结合使用。在 Blazor Hybrid 应用中，Razor 组件在设备上是本机运行的。 这些组件通过本地互操作通道呈现到嵌入式 Web 视图控件。 组件不在浏览器 ......
React 组件生命周期
求上进的人，不要总想着靠谁，人都是自私的，自己才是最靠得住的人。 React 中生命周期划时代几个节点，React 16.2 之前处于老的生命周期，之后提出了新的生命周期。而函数式组件在 React 16.8 之前是没有状态和生命周期的，在 React 16.8 版本通过引入 Hooks 使得函数式 ......
双Token实现无感刷新登录状态
基于access_token和refresh_token实现无感刷新登录状态 双token原理 这是登录认证的流程: 验证通过之后，将用户信息放到jwt中。 访问接口的时候带上jwt，在Guard里取出来判断是否有效，jwt有效的话才能继续访问： 这种方式有个问题： jwt是有有效期的，我们设置的是 ......
uniapp滑动页面时警告Unable to preventDefault inside passive event listener due to target being treated as passive.
翻译：没有添加被动事件监听器来阻止’touchstart‘事件，请考虑添加事件管理者’passive’，以使页面更加流畅。 原因： 由于浏览器必须要在执行事件处理函数之后，才能知道有没有掉用过 preventDefault()，这就导致了浏览器不能及时响应滚动，略有延迟。 所以为了让页面滚动的效果如 ......
代码中公用生成使用token方法
生成使用token 引入pom <dependency> <groupId>com.auth0</groupId> <artifactId>java-jwt</artifactId> <version>3.14.0</version> </dependency> 添加工具类 package com. ......
vben-admin 页面以及部分代码 常见问题 解析
vben-admin 网址 介绍 | Vben Admin (vvbin.cn) https://doc.vvbin.cn/guide/introduction.html #从 GitHub 获取代码 git clone https://github.com/vbenjs/vue-vben-admi ......
react antd table react-sortable-hoc DraggableBodyRow 拖拽及禁用指定行拖拽
原文地址：基于antd树形表格table的拖拽排序效果实现 - 掘金 (juejin.cn)思路片段： const DraggableBodyRow: React.FC<any> = ({ className, style, ...restProps }) => { const index = cu ......
【Nginx/IIS】解决uniapp/Vue history模式下页面刷新404
uniapp/Vue 开启History模式 本地开发：二级页面刷新或者通过链接进入二级页面是正常的 打包部署后：二级页面刷新或者通过链接进入二级页面会报错404页面找不到 解决方案： Nginx配置： 在nginx.conf的对应location里配置一行代码 try_files $uri $ur ......
react 僵尸孩子问题
React Zombie Child 是指在 React 组件中的一个常见问题。当一个父组件被销毁时，它的子组件可能仍然存在于内存中，这些子组件被称为“僵尸子组件”。 这种情况通常发生在异步操作中，例如在父组件中发起了一个异步请求，而在请求完成之前，父组件被销毁了。但是，由于异步请求的回调函数仍然存 ......
uniapp 配置 基座调试指定页面
在用hbuildx时，用自定义基座，调试程序时，有的页面因为基座缺少组件而进不去，这个时候就可以用指定页面的方式，我们只需要把进入页面的入参传进去，这个时候打开页面就是指定要调试的页面了。 就在page.json文件最后加入 "condition" : { //模式配置，仅开发期间生效 "curre ......
found character '@' that cannot start any token. (Do not use @ for indentation)
Caused by: org.yaml.snakeyaml.scanner.ScannerException: while scanning for the next token found character '@' that cannot start any token. (Do not use ......
fastapi启动后访问docs不显示页面
启动fastapi，运行服务器，可以正常访问接口，但无法访问docs页面，打开开发者工具发现接口调用了一个 js 脚本 和 css 脚本。 这两个脚本是部署在国外，因为这个原因导致我们没法访问了，调整请求地址，请求国内的资源。修改 fastapi 源码包模块下的 fastapi/openapi/do ......
基于vue2开发的html5页面实现微信分享卡片（微信好友+朋友圈+qq好友+qq空间）
首先附上文档链接： 1.微信官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#111 2.免费生成二维码的草料官网：https://cli.im/text/other 需求： 在浏览器分享链接时 ......
jexcel_将excel数据导入到页面+导入到数据（SQL）
1. jexcel_数据表_excel导入到页面.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeFile="jexcel_数据表_excel导入到页面.aspx.cs" Inherits="jexcel_数据表_excel导入到页面" ......
React 中虚拟DOM是什么，为什么需要它？
注意：本节主要讲React中的虚拟DOM，但是虚拟DOM并不是React中特有的内容。 1. React 中虚拟 DOM是什么？ 虚拟DOM是对真实DOM的描述，虚拟DOM是JS对象，实际上就是 JSX 通过 babel 转换成 React.createElement()，然后这个函数执行后变成的 ......
teleport ultra扒网站软件静态页面
一个扒网站软件——teleport ultra（静态页面） 能够扒到图片，css等前端页面，适合拔下来后二创作参考 下载： 百度网盘了 链接：https://pan.baidu.com/s/1wss3Etkb2fSpCYu9A7CiIw?pwd=wkht 提取码：wkht 下载后直接安装 1、安装完 ......
ofd批注支持<ofd:Rotate>非标准的页面旋转属性
bool annot_has_outerbox = true; auto boundary = apparence->GetAttribute(L"Boundary"); if (boundary.GetStringLength() <= 0) { boundary = elem->GetAttri ......
2023最新高级难度react面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-高级难度react面试题合集 问: 如何实现 React 中的组件缓存策略？ 在React中，我们可以使用多种策略来实现组件的缓存，包括但不限于以下几种方法： 使用React.memo() React.memo()是一个高阶函数，它可以接收一个组件作为参数，并返 ......
2023最新初级难度react面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-初级难度react面试题合集 问: 请详述 React.js 是什么？ React.js 是一个由 Facebook 开发的开源 JavaScript 库，用于构建用户界面（User Interface，UI）。它是目前 Web 开发领域最流行和广泛使用的库之一 ......
2023最新中级难度react面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-中级难度react面试题合集 问: 请详述 React 中的 HOC（高阶组件）的概念和应用场景？ 在 React 中，高阶组件（High Order Component，简称 HOC）是一种设计模式，它允许我们将共享的功能提取出来，形成一个新的可复用组件。HO ......
【漏洞分析】Reflection Token 反射型代币攻击事件通用分析思路
在本篇文章中，我将通过一个攻击事件引出 Reflection Token 攻击事件的一个通用分析思路。 关于 Reflection Token 的其他案例分析，可以参考BEVO代币攻击事件分析及复现一文。 TomInu 攻击事件 TomInu Token 是一个反射型代币 reflection to ......
React 组件通信方式
人生的游戏不在于拿了一副好牌，而在于怎样去打好坏牌，世上没有常胜将军，勇于超越自我者才能得到最后的奖杯。 1. 父子组件通信方式 1.1 父组件传递到子组件 直接通过属性进行传递，数据的传递可以提高组件的复用性。 1.2 子组件传递到父组件 通过回调函数（callback）来实现。 ref 标记：父 ......
dom断点可定位react组件值修改
react组件的值修改，也可以使用dom断点来定位。 之前一直误区，认为react组件的修改，不能用dom断点来拦截，实际上在涉及到修改具体原生组件属性的时候，也可定位。 例如： react组件内部使用了input组件，react组件值变化导致input的value发生改变，使用dom断点就可定位。 ......
视频汇聚/音视频流媒体视频平台/视频监控EasyCVR分享页面无法播放，该如何解决？
国标GB28181安防视频监控/视频集中存储/云存储EasyCVR平台可拓展性强、视频能力灵活、部署轻快，可支持的主流标准协议有国标GB28181、RTSP/Onvif、RTMP等，以及支持厂家私有协议与SDK接入，包括海康Ehome、海大宇等设备的SDK等。平台既具备传统安防视频监控的能力，也具备 ......
基于java做一个登录页面及其数据保存的计算器
[实验目的] 1.掌握软件开发的基本流程 2.掌握常用的软件开发方式和工具。 [实验内容] 设计一个包含登录界面的计算器软件，该软件可以实现第一次作业中的全部功能，同时可以保存用户的历史计算记录（保存数据最好使用数据库）。 [实验环境及开发工具] 使用Microsoft Visio作绘图工具 使用J ......
第二次作业-PHP——注册页面，审核页面，登录页面
一， 本次作业是在第1次计算器功能上的拓展， 使用PHP实现注登录注册功能 实现效果： 用户注册信息，管理员核对信息审核通过后，可实现注册的用户名和密码的成功登陆，利用session和cookie获取用户信息并且不能跳过登录页面直接进入主页面 1.Session存储在服务器可以存储任何内容有默认过期 ......