react react-query context query
React Antd Table 数据渲染按钮触发onClick事件解决办法
react在渲染时会触发table里面的rander函数下的onClick方法 我的onClick是触发Modal 弹窗 且close后还是会一直触发Modal弹窗 初始代码如下 { title: '操作', key: 'operation', fixed: 'right', width: 100, ......
React项目中报错：Parsing error: The keyword 'import' is reservedeslint
记得更改完配置后，要重启编辑器（如：VSCode）!!! 记得更改完配置后，要重启编辑器（如：VSCode）!!! 记得更改完配置后，要重启编辑器（如：VSCode）!!! 这个错误通常发生在你尝试在一个不支持 ES6 模块语法的环境中使用 import 关键字。 ESLint 默认使用的是 ES5 ......
React Hooks的使用规范和最佳实践
React Hooks自从推出以来，彻底改变了React组件的编写方式。它们提供了一种在函数组件中使用state和其他React特性的能力，从而使得函数组件更加强大和灵活。本文将深入探讨useEffect、useMemo、useCallback和useState这四种常用Hooks的特点、优缺点，以 ......
DBus.server服务启动报错->"/etc/selinux/*/contexts/dbus_contexts": No such file or directory
系统启动后很多使用dbus1的命令没法使用，查看日志发现dbus.service没有启动，并伴随下面报错： Failed to start message bus: Failed to open "/etc/selinux/targeted/contexts/dbus_contexts": No s ......
React中在非组件中获取到路由信息
1. 安装history包：yarn add history 2. 创建 utils/history.js文件 3. 在app.js中使用我们新建的路由并配置history参数 4. 通过响应拦截器处理 token 失效，如果发现是401调回到登录页 代码实现 utils/history // ht ......
CF1861C-Queries-for-the-Array-题解
title: CF1861C Queries for the Array 题解 date: 2023-09-06 07:53:53 categories: - 题解 因为插入和删除操作都在队尾，所以对序列前缀分析一下： 若一个序列的答案为 YES，那么它前缀的答案也为 YES。（对于没检查过的序列） ......
100道React高频题整理(附答案背诵版)
1、简述React有什么特点？ React是一个用于构建用户界面的JavaScript库，由Facebook开发并维护。React有以下几个主要特点： 声明式设计： React采用声明式设计，让代码更易于理解，且方便调试。你只需描述出你希望程序的最终状态，React会自动确保用户界面与你描述的状态保 ......
ElasticSearch中查询语句用法（match、match_phrase、multi_match、query_string）
1、match略 1.1 不同字段权重 如果需要为不同字段设置不同权重，可以考虑使用 bool 查询的 should 子句来组合多个 match 查询，并为每个 match 查询设置不同的权重。 { "query": { "bool": { "should": [ { "match": { "pro ......
Queries for the Array 题解
前言 这场 CF 是我赛后打的，vp 赛时没做出来，后来发现是有个地方理解错了，有一些细节没有考虑到。现在换了一种思路来写，感觉更清晰了。 做法 首先需要动态维护三个变量，\(cnt\) 和 \(finishsort\) 和 \(unfinishsort\)。这三个变量分别表示当前数字的个数，已经排 ......
[ABC328F] Good Set Query 题解
复习了一下边带权并查集板子。 设 \(d_{x}\) 表示当前点到它所在连通块根节点的距离。 合并点 \(x\) 和点 \(y\) 所在两个连通块时需要更新 \(d\)。因为将 \(x\) 点所在连通块的根节点的父亲节点设为了 \(y\) 点所在连通块的根节点，所以有 \(x \to y \to F ......
CF1902D Robot Queries 题解
题意：有一个二维平面直角坐标系，给定一串向某个方向移动 \(1\) 个单位的操作。 有 \(q\) 个询问，对于每个询问给定 \(x,y,l,r\)，问如果倒着做 \(l\) 到 \(r\) 这段区间中的操作，是否会经过 \((x,y)\)。 ds 题。先预处理出 \(sx_i,sy_i\) 表示执 ......
react native 中使用 Expo Haptics 实现长按按钮获得震动反馈效果
一、背景： 项目中有长按按钮开始录音功能，需要在长按开始时添加一次震动反馈以提高用户体验。由于项目使用expo开发，所以找到了 Expo Haptics 库。 二、使用过程： 1. 安装： npx expo install expo-haptics 2. 引入并使用： import * as Hap ......
power query合并查询（VLOOKUP功能相似）
合并查询原理 功能：与EXCEL中的VLOOKUP函数（=VLOOKUP（查询条件，查询范围，精确“0”还是模糊“1”匹配））功能相似，根据A表中的条件从B表中找到对应的数据，并根据一定的匹配规则提取该部分数据到A表中； 一、单条件合并查询 定义：选取表一中的一列作为条件，与表二中的单一对应列匹配的 ......
让你 React 组件水平暴增的 5 个技巧
让你 React 组件水平暴增的 5 个技巧 神说要有光 关注他 你经常看 TA 的内容 最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。 首先，我们用 create-react-app 创建个 React 项目（选择 typescript 模版）： ......
React 精简代码指南（译）
React 精简代码指南（译） 大家的林语冰 bilibili@人猫神话 | 公众号@人猫神话 关注他 你经常看 TA 的内容 展开目录 大家好，这里是大家的林语冰。本期《前端翻译计划》共享的是使用最佳实践和已验证技术增强您的 React 开发。 免责声明本文属于是语冰的直男翻译了属于是， ......
React拖拽插件：react-beautiful-dnd
本篇文章主要介绍react-beautiful-dnd，它是基于react的拖拽插件 接下来会从以下几个方面来介绍react-beautiful-dnd 安装使用 API介绍 Example 1. 安装使用 首先我们需要安装react-beautiful-dnd # yarn yarn add re ......
Reducer的理解--React状态管理Reducer
这篇博客主要从以下几个方面来介绍我对Reducer的理解 什么是 Reducer 函数 useState 重构成 useReducer 使用Reducer的业务场景 1. 什么是 Reducer 函数 对于组件过于分散的事件处理程序，可以将组件的所有状态更新整合到一个外部函数中，这个函数被称为 re ......
Context Prior for Scene Segmentation带上下文先验的分割
Context Prior for Scene Segmentation * Authors: [[Changqian Yu]], [[Jingbo Wang]], [[Changxin Gao]], [[Gang Yu]], [[Chunhua Shen]], [[Nong Sang]] DOI: ......
Adaptive Sparse Convolutional Networks with Global Context Enhancement for Faster Object Detection on Drone Images
Adaptive Sparse Convolutional Networks with Global Context Enhancement for Faster Object Detection on Drone Images * Authors: [[Bowei Du]], [[Yecheng ......
GCGP：Global Context and Geometric Priors for Effective Non-Local Self-Attention加入了上下文信息和几何先验的注意力
Global Context and Geometric Priors for Effective Non-Local Self-Attention * Authors: [[Woo S]] 初读印象 comment:: （GCGP）提出了一个新的关系推理模块，它包含了一个上下文化的对角矩阵和二维相 ......
React useEffect 在组件挂载时运行了两次
在使用 useEffect 这个 hook 时，发现useEffect会执行2次 useEffect(() => { console.log("执行 useEffect"); }, []); 控制台输出： 执行 useEffect 执行 useEffect 查看 疑难解答 官方文档，官方解释如下： ......
使用React+SpringBoot开发一个协同编辑的表格文档
前言 随着云计算和团队协作的兴起，协同编辑成为了许多企业和组织中必不可少的需求。通过协同编辑，多个用户可以同时对同一个文档进行编辑和更新，从而提高工作效率和协作能力。本文小编就将为大家介绍如何使用React+SpringBoot简单的开发一个协同编辑的表格文档。 环境准备 用到的开发工具： 前端开发 ......
[ARC111F] Do you like query problems?
题意： 给出三个数 \(n,m,q\)。 你有一个长度为 \(n\) 的序列 \(a\)，初始全为为 \(0\)，你有三种操作： 操作 \(1\)：给出 \(l,r,v\)，让区间 \([l,r]\) 对 \(v\) 取 \(\min\)。 操作 \(2\)：给出 \(l,r,v\)，让区间 \([ ......
RLHF · PbRL | 选择 near on-policy query，加速 policy learning 收敛速度
Query-Policy Misalignment：选择的看似 informative 的 query，实际上可能与 RL agent 的兴趣不一致，因此对 policy learning 几乎没有帮助，最终导致 feedback-efficiency 低下。 ......
react常用hooks
useMount const useMount = (callback) => { React.useEffect(callback, []) } useUnmounted 1 const useUnmount = (callback) => { 2 const callbackRef = Reac ......
elasticsearch 文档删除操作：delete和delete_by_query
api： （elasticsearch版本7.3） #删除指定id的文档 DELETE /<index>/_doc/<_id> #按查询条件删除 POST /<index>/_delete_by_query 1. DELETE /<index>/_doc/<_id> 删除指定id的文档 #测试--删 ......
elasticsearch 文档更新操作：update和update_by_query
API： （elasticsearch版本7.3） POST /<index>/_update/<_id> POST /<index>/_update_by_query 1. POST /<index>/_update/<_id> 支持脚本，可以更新、删除或跳过修改文档。 更新文档部分内容，传递部分 ......
关于 expo 和 React Native
expo 官网 https://expo.dev/ https://github.com/expo/expo 用于简便移动端开发 快速创建项目 npx create-expo-app my-app . ├── App.js ├── app.json ├── assets ├── babel.conf ......
React Native UI Thread && Main Thread
UI Thread 负责用户界面的主要线程，用于处理用户界面的渲染、交互和更新。 如果在 UI 线程上执行耗时的操作，可能会导致界面卡顿，用户体验下降。 Main Thread 应用程序的主要执行线程，负责处理应用程序的主要逻辑、启动和管理应用。 在 React Native 中，UI 线程和主线程 ......
React Native FlatList 的 refreshControl 属性
用于下拉刷新，example => https://github.com/zjy4fun/rn-FlatList-refreshControl import React, {useEffect, useState} from 'react'; import {FlatList, RefreshCon ......