页面outlet react token
selenium定位元素被页面遮挡问题
问题：在定位页面列表某个元素时，因数据较多必须滑动滚动条才能看到下面数据，如下图所示： 使用一般的定位方法找不到元素：driver.find_element_by_xpath('//div[@class,"a"]').click() 报错信息：is not clickable at point (8 ......
react项目运行时，node运行内存不足
修改reactd项目的less文件后热更新报错 FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory 解决办法 全局安装插件"increase-memory-limit",用来增加运行内存 ......
react native 使用 Expo Speech 文字转语音
安装： npx expo install expo-speech 引入使用： import * as React from 'react'; import { View, StyleSheet, Button } from 'react-native'; import * as Speech fro ......
vue路由跳转后页面样式错乱，刷新一下又好了的问题
跳转页面 后输入框过大 解决 <style scoped > 加上scoped 分析 大概率是因为 vue加载组件的时候，会把所有组件的css全部加载到一起，而这个时候 样式是全局的， vue会偷懒不再渲染当前页面的样式 首先想到的是利用 scoped来解决，在 vue中引入了 scoped这个概念 ......
ts + axios token无感刷新，及重新请求后页面不刷新问题
最近上班遇到的新需求，token无感刷新，参考了很多博客，也看了渡一老师的视频，功能是实现了，但是发现重新请求后页面数据没有更新遇到相同问题的先理清代码执行顺序和Promise，看看执行结果有没有resolve()出去。话不多说，直接上代码，因为自己封装的请求和大家的不一样，仅供参考无感刷新toke ......
react菜单Menu导航栏实现
react菜单Menu导航栏实现 //定义选中的下标 const [currentIndex, setCurrentIndex] = useState(initIndex) //选中样式改变(tailwind) const getCurClass = (index) => { return curr ......
android短视频开发，uniapp页面滚动条到指定位置
android短视频开发，uniapp页面滚动条到指定位置 # html 指定位置<view class="gap_body_position"></view> # js执行this.$nextTick(() => { // 一定要用nextTickuni.pageScrollTo({duratio ......
elementui 工具使用el-form嵌入el-input组件添加@change事件，点击回车键（enter）时整个页面会刷新，以下是阻止页面刷新的方式
解决页面刷新问题就是阻止el-form上默认的提交事件@submit.native.prevent <el-form ref="formRef" :model="getFormData" size="small" label-width="auto" @submit.native.prevent> ......
页面导出PPT
问题1：如在首页点击导出把 首页的echarts图作为一个页面导出，然后导出PPT里面还包含其他页面的东西（其他页面的图标 我都获取不到DOM如何截图插入PPT）， 解决方案：把其他页面也写在首页，这样不就能获取到DOM了吗 然后把其他页面fixed z-inde:-9999不就ok了吗 问题2:导 ......
安防监控系统视频融合平台EasyCVR页面地图功能细节详解
地图缩放级别是指，在打开对应地图页面的时候，默认展示地图的缩放级别，EasyCVR地图缩放级别设置在8-24级，值越大地图显示得越详细，可见区域越小。 ......
React—04—状态管理
有时候你希望两个组件的状态始终同步更改。要实现这一点，可以将相关状态从这两个组件上移除，并把这些状态移到最近的父级组件，然后通过 props 将状态传递给这两个组件。 这被称为“状态提升”，这是编写 React 代码时常做的事。 事件一般以onXXX开头，比如内置元素div的click事件可以叫on ......
React学习笔记23-非父子通信(订阅发布模式)
1.订阅发布模式进行兄弟组件通信的案例 1.构建一个调度中心 var bus = { list: [], //订阅 subscribe(callback) { this.list.push(callback) console.log(this.list) }, //发布 publish(name, ......
React学习笔记22-订阅发布模式
1.订阅发布模式的定义 订阅发布模式简单来说就是订阅者进行订阅，发布者进行发布，发布者发布时会通过调度中心通知到每一个订阅者。订阅者根据发布的内容选择是否进行对应的操作。 2.实现一个最简单的订阅发布 订阅发布模式的核心就是调度中心。一个最简单的调度中心里面应该具有三个要素 订阅方法，发布方法，回调 ......
React学习笔记21-非父子通信(状态提升)
1.状态提升(中间人模式)的定义 React中的状态提升概括来说,就是将多个组件需要共享的状态提升到它们最近的父组件 上.在父组件上改变这个状态然后通过props分发给子组件。 2.状态提升的使用 简单讲解一下下面的代码，下面模拟了一个电影列表和详情页面。 进行通信的是列表的item和详情组件。 可 ......
React学习笔记20-父子通信(子传父)
在React中子组件给父组件传参通过回调函数来进行。 父组件给子组件传递一个回调函数作为属性。 子组件在需要传递参数的地方调用父组件传递的回调函数即可。 import React, { Component } from 'react' class Navbar extends Component { ......
React前后端如何同构，防止重复渲染
首先解释React前后端同构、React首屏渲染的概念。然后通过这2个概念解决服务端渲染完成后浏览器端重复渲染的问题。更多技术干货详见www.linuxprobe.com ......
uniapp小程序页面跳回携带参数
B返回A 1.B跳回事件 let pages = getCurrentPages(); // 当前页页⾯实例 let nowPage = pages[pages.length -1]; //当前页⾯实例 let prevPage = pages[pages.length -2]; // 上一页面实例 ......
如何在页面关闭之前 发送一次请求 如何保障这个请求发送成功才关闭
埋点方案 基于事件驱动的埋点方案：通过监听用户的交互事件（如点击、滚动、输入等），触发相应的埋点请求。可以使用 JavaScript 框架如 jQuery 或自定义事件监听器来实现。 URL 参数埋点方案：在 URL 中添加特定参数，如 utm_source、utm_medium 等，用于跟踪用户来 ......
c#大作业教师页面的书写
using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System. ......
单个Nginx发布多个react静态页面
在有些网络环境中，端口是一种比较稀缺的资源，而我们又恰好有多个前端项目需要发布，我们可以采取将多个项目映射到同一个端口上面的方案加以解决。 本教程前端项目主要以react为主，部署在linux服务器上。 1. 将项目资源的访问地址修改为相对方式 在react项目package.json中，添加或者修 ......
基于class封装的高德地图定位选址及搜索功能（vue、react均可用）
import AMapLoader from '@amap/amap-jsapi-loader'; export default class AMaps { options: any; //初始参数 instance: any; //实例 geocoder: any; //地理编码 placeSea ......
2023-11-07 使用react脚手架搭建一个react-native app
ps：以前有写过类似的随笔，今天再次做个总结。 1.安装node.js 去node官网下载吧，这里不赘叙了； 2.安装脚手架create-react-native-app npm i -g create-react-native-app 这个安装过程有快有慢，看运气，我的是几秒就完成了； 3.使用脚 ......
通过 SAP UI5 IconTabBar 控件结合 FlexibleColumnLayout 实现多页面 Master-Detail 布局试读版
本文也是来源于网络上一位朋友的咨询，这是这位朋友实际项目中的真实需求。 本文介绍了一个实际项目中开发需求的详细实现过程。通过使用 SAP UI5 IconTabBar 控件，我们可以让逻辑上属于不同业务范畴的界面，通过点击对应的 Icon，以切换的方式，在同一块屏幕区域显示出来。 IconTabBa ......
JS脚本实现刷新页面，随机加载背景图片
新建switch.js,内容如下： var imgs = [ "https://mlabs.gitee.io/pics/webp/tiankong002-mid.webp", "https://mlabs.gitee.io/pics/webp/wallhaven-gp1q87.webp", "htt ......
项目中难点-页面点击“取消”按钮实现无感刷新--reload
1、在App.vue页面中注册provide中定义reload provide(){ return { reload:this.reload } } 2、在App.vue页面中的methods中定义方法reload目的通过控制router-view的显示与隐藏进行重新加载页面，实现无感刷新。 rel ......
项目中难点-A页面中填写查询条件并查询出表格数据后，点击详情跳转页面B,B页面返回A页面时保留查询出的内容信息--使用页面缓存keep-alive
页面缓存keep-alive 1、在路由routes中配置需要进行缓存的页面 keepAlive:true meta:{ keepAlive:true, title:"页面名称"， } 如图： 2、在router-view显示的入口页面APP.vue中，对需要的页面进行缓存 <template> < ......
超链接-跳转页面，跳转到文件，锚点
一、<a href=" 链接路径">链接名字 </a> 一般是默认效果，在当前页面中打开 二、在当前页面打开页面：target="_self" <a href=" 链接路径" target="_self">链接名字 </a> 三、在新标签打开页面：target="_blank" <a href=" ......
利用路由守卫实现token过期后返回登录界面
const timeX = localStorage.getItem("time");//如果有时间戳存在会判断token是否过期if(timeX!==null){ const time=timeX.slice(1,-1)//获取了token的过期时间 const tokenTime=new Dat ......
Jwt生成token详解
public String createTokenByBao(String userId){ Date date = new Date(); String token = Jwts.builder() // 创建一个JWT构建器，用于创建和配置JWT。 .setSubject(userId) // ......
vue的token登录检验和路由守卫的配置
1.登陆操作时，保存token localStorage.setItem("token",res.data.token) 2.钩子函数 // 钩子函数，访问路由前调用 router.beforeEach((to, from, next) => { // 路由需要认证 if (to.meta.notR ......