分分钟reducer react
2024-01-13 记录react-dnd拖拽组件的用法
开始和移动的下标： drop: (item: { index: number }) => { console.log("开始", item.index,"结束", index); moveRow(item.index, index); }, ......
2024-01-13 react 监听上一页返回
import React, { useEffect } from 'react'; import { useLocation } from 'react-router-dom'; 在return里面写： const location = useLocation(); useEffect(() => ......
2024-01-13 Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. ==》引用了未使用的方法导致
react+antd业务代码报错： Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. T ......
十分钟教你在 k8s 中部署一个前后端应用
转载至我的博客https://www.infrastack.cn ，公众号：架构成长指南 大家好，我是蜗牛哥，好多开发人员，尤其是没接触过 k8s 的人员对如何在k8s中部署一个 前后端应用很模糊，不知如何下手，所以本篇讲一下如何快速在 k8s 部署一个前后端应用，让大家对k8s有个快速认识 前置依 ......
react-native在windows环境搭建并使用脚手架新建工程
截止到2024-1-11，使用的主要软件的版本如下： 软件实体 版本 react-native 0.73.1 react 18.2.0 react-native-cli 2.0.1 Android Studio 2022.3.1 Patch3 Android SDK Android SDK Plat ......
抽几分钟,写个文档系统的前端页面,先排版一下.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Doc C ......
pm2启动react项目总是stopped
执行命令pm2 start --name 服务名 npm -- start 总是不成功status一直显示stopped 使用命令pm2 logs查看日志报错如下 网上查看这篇教程解决问题原文：https://blog.csdn.net/qq_52912134/article/details/127 ......
react 横向文字滚动动画 ,及纵向文字滚动动画带有间歇时间 交替渐变显示文字动画
水平滚动 demo.less #scroll_x { width: 300px; height: 30px; background-color: #ccc; color: green; position: relative; overflow: hidden; } #scroll_x_text { ......
使用React构造前端应用
简单了解React和Node React是一个构建用户界面的JavaScript库，由Facebook开发，很流行，已被广泛使用。React基于组件构建，编写一段代码即可在多处复用，这很有优势。可以创建像 Thumbnail、LikeButton 和 Video 这样的组件，然后将它们组合成整个应用 ......
10分钟看懂Docker和K8S
10分钟看懂Docker和K8S 2010年，几个搞IT的年轻人，在美国旧金山成立了一家名叫“dotCloud”的公司。 这家公司主要提供基于PaaS的云计算技术服务。具体来说，是和LXC有关的容器技术。 LXC，就是Linux容器虚拟技术（Linux container） 后来，dotCloud公 ......
关于REACT2024挑战赛
这个挑战赛的任务是：建立一个机器学习模型，在双人交互的背景下，通过说话者的视频、音频、表情等数据，生成听者的面部反应并要保证反应的合理性(FRDist and FRCorr)、多样性(FRVar, FRDiv, and FRDvs)、同步性(FRSyn)、真实性(FRRea)。 ......
使用nestjs和react快速搭建项目架子
首先搭建前后端的项目架子 搭建nestjs架子 npx @nestjs/cli new 项目名 使用vite搭建一个react+ts的架子，vite地址：https://cn.vitejs.dev/guide/。搭建好后cd到项目中，然后安装依赖，尝试启动。 npm create vite@late ......
5分钟搞定vue3函数式弹窗
前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了，那么有没有更简单的实现方式呢？ 函数式弹窗的使用场景 首先我们来看看什么是函 ......
React jsx 语法解析 & 转换原理
jsx介绍 jsx是一种JavaScript的语法扩展（eXtension），也在很多地方称之为JavaScript XML，因为看起就是一段XML语法，用于描述UI界面，并且可以和JavaScript代码结合使用。 比起vue中的模板语法，更加灵活，且不需要学习模板语法中的特定标签，比如：v-if ......
react学习笔记
一：创建一个react项目 npx create-next-app my-app(项目名称)cd my-appnpm start 二：项目初始化 index.js import React from "react" import ReactDOM from "react-dom" import Ap ......
Power BI - 5分钟学习修改数据类型
每天5分钟，今天介绍Power BI修改数据类型 Power BI加载数据时，会尝试将源列的数据类型转换为更高效的存储、计算和数据可视化的数据类型。例如，如果从Excel导入的值的列没有小数值，Power BI Desktop会将整个数据列转换为整数数据类型，这能更好地优化存储提高计算效率。 但是某 ......
10分钟看懂Docker和K8S
10分钟看懂Docker和K8S - 知乎 (zhihu.com) 大家需要注意，Docker本身并不是容器，它是创建容器的工具，是应用容器引擎。 Docker技术的三大核心概念，分别是： 镜像（Image） 容器（Container） 仓库（Repository） 我刚才例子里面，那个放在包里的“ ......
react 事件函数中 this 绑定问题
在使用类方式创建组件时，类中定义一个函数，并且绑定到元素的点击事件上，此时这个函数中this指向并不是当前这个组件。 组件代码如下： class App extends React.Component { // 组件数据 constructor() { super() this.state = { ......
C#系列-1分钟了解C#
C#是什么？ C# 的发音为“C Sharp”，我终于知道为什么大家这样读#了（脑壳痛，一直以为这个读井） 是一门面向对象的编程语言。由微软开发并获得了 ECMA（欧洲计算机制造商协会）和 ISO（国际标准组织）批准 属于 .Net Framework 的一部分，可以用来编写 .Net 应用程序。 ......
C#系列-1分钟了解.NET Framework
.NET Framework是什么 由微软设计和开发的软件框架 主要用来开发可以在 Windows 平台上运行的应用程序 框架中提供了包括网络、安全性、内存管理和类型安全在内的各种服务。 微软在 2002 年发布第一个版本（.Net framework 1.0） 支持 60 多种编程语言，例如 C# ......
React Native 打包 App 发布 iOS 及加固混淆过程
React Native 打包 App 发布 iOS 及加固混淆过程 摘要 本文将介绍如何使用 React Native 打包并发布 iOS 应用到 App Store，并介绍了如何进行应用的加固和混淆过程。 引言 发布 iOS 应用到 App Store 是一个相对复杂的过程，需要使用 Mac 电 ......
create-react-app react中使用monaco-editor v0.44
在通过create-react-app创建的react应用中使用monaco-editor v0.44 下载包： npm i monaco-editor npm i monaco-editor-webpack-plugin 安装插件： 使用craco自定义webpack配置 npm i craco ......
借助HHDESK,帮助您一分钟在云端搭建基于http协议的文件共享服务器
无论是项目团队进行文件分享，还是日常生活中的图片、文件传输，都需要一个安全稳定且即时方便的工具实现快速访问和下载。 通过微信、QQ ，能够传送小部分文件，但文件大了就无法传送；邮箱发送也对文件大小有要求。 网盘等文件存储服务器虽然方便，但对于个人或小团队来说，一是成本高，没有开通VIP下载及其缓慢； ......
3 分钟为英语学习神器 Anki 部署一个专属同步服务器
Anki 介绍 Anki 是一款基于间隔重复（Spaced Repetition）原理的学习软件，想象一下，你的大脑就像是一个需要定期维护的精密仪器。间隔重复就好比是一种精准的维护计划，它通过在最佳时刻复习信息，来确保知识在你的脑海中牢固地扎根。 Anki 软件使用这个原理，帮助用户通过创建“卡片” ......
react ant-mobile的input组件，使用ref实现失焦方法
// 设置ref<Input ref={inputRef} placeholder='信息保密，仅用于投保' className='pos-app-phone tkzx-rr-block' clearable type='tel' maxLength='11' onChange={(val) => ......
通过浏览器URL地址，5分钟内渗透你的网站！很刑很可拷！
今天我来带大家简单渗透一个小破站，通过这个案例，让你深入了解为什么很多公司都需要紧急修复各个中间件的漏洞以及进行URL解析拦截等重要操作。这些措施的目的是为了保护网站和系统的安全性。如果不及时升级和修复漏洞，你就等着被黑客攻击吧！ 基础科普 首先，我想说明一下，我提供的信息仅供参考，我不会透露任何关 ......
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意：} $)待解决问题 （1）高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) （2）使用ReactDOM.createRoot实例化项目，在结合 ......
react打包优化，使用cdn加载第三方库，cdn加速网页
1、安装 pnpm install html-webpack-externals-plugin customize-cra react-app-rewired 2、在项目根目录下新建config-overrides.js文件,package.json中改为react-app-rewired 启动和打 ......
Power BI - 5分钟学习撤销操作
每天5分钟，今天介绍Power BI撤销操作 什么是撤销操作？撤销操作是撤消上一操作或最近几项的操作。 在Power BI 【Transform】界面的右边有“查询设置栏”，查询设置栏下有每一步的操作步骤，在这里点击左侧的“x”号就可以撤销某一步的操作。 以撤销首行为标题为例， 操作步骤：1, 导入 ......