element invalid react type
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(() => ......
element表格table点击行，改变当前行的背景颜色
参考：https://blog.csdn.net/qq_33347991/article/details/129870567 实际应用如下： ......
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型（Types）、方法（Methods）和事件（Events）的属性和参数解析
一、类型（Types） 一、OpenPopupOptions 1. 属性 windowId: number 可选 打开操作弹出式窗口的窗口 ID。如果未指定，则默认为当前活动窗口。 二、TabDetails 1. 属性 tabId: number 可选 要查询其状态的标签页 ID。如果未指定标签页， ......
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 ......
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 ......
pm2启动react项目总是stopped
执行命令pm2 start --name 服务名 npm -- start 总是不成功status一直显示stopped 使用命令pm2 logs查看日志报错如下 网上查看这篇教程解决问题原文：https://blog.csdn.net/qq_52912134/article/details/127 ......
element el-select value-key 的bug
element-plus value-key不生效，el-eselect tag 不显示，el-select lable不显示，"element-plus": "2.1.8 select bug，下拉选择框，绑定对象不回显。el-select__tags-text 为空，下拉框内tags不显示，内容... ......
nuxt构建失败：if (codePoint 》= 0x3_00 && codePoint (= 0x3_6F) { SyntaxError: Invalid or unexpected token
错误消息指的是在Node.js中使用了数字分隔符，12.8.1之前的Node版本不支持这种做法。 0x3_00此处使用数字分隔符_。如果没有它，符号看起来就像0x300。 有关支持此功能的Node.js版本的列表，请参阅 https://node.green/#ES2021-features--nu ......
react 横向文字滚动动画 ,及纵向文字滚动动画带有间歇时间 交替渐变显示文字动画
水平滚动 demo.less #scroll_x { width: 300px; height: 30px; background-color: #ccc; color: green; position: relative; overflow: hidden; } #scroll_x_text { ......
vue报错：Module parse failed: Unexpected token (5:2) You may need an appropriate loader to handle this file type.
报错信息： ERROR Failed to compile with 1 errors 10:09:02 error in ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2) Y ......
使用React构造前端应用
简单了解React和Node React是一个构建用户界面的JavaScript库，由Facebook开发，很流行，已被广泛使用。React基于组件构建，编写一段代码即可在多处复用，这很有优势。可以创建像 Thumbnail、LikeButton 和 Video 这样的组件，然后将它们组合成整个应用 ......
关于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 ......
Introduction to Finite Element Method (FEM) for Beginners
https://www.youtube.com/watch?v=C6X9Ry02mPU&ab_channel=SolidMechanicsClassroom ......
vue3 + element-plus 的 upload + axios + django 文件上传并保存
之前在网上搜了好多教程，一直没有找到合适自己的，要么只有前端部分没有后端，要么就是写的不是很明白。所以还得靠自己摸索出来后，来此记录一下整个过程。 其实就是不要用默认的 action，要手动实现上传方式 http-request，然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
React jsx 语法解析 & 转换原理
jsx介绍 jsx是一种JavaScript的语法扩展（eXtension），也在很多地方称之为JavaScript XML，因为看起就是一段XML语法，用于描述UI界面，并且可以和JavaScript代码结合使用。 比起vue中的模板语法，更加灵活，且不需要学习模板语法中的特定标签，比如：v-if ......
Element Ui 的表单验证
一、简介 二、过程 三、问题 一、简介 element ui基于 Vue 3，面向设计师和开发者的组件库，很好用 本文介绍有关表单验证的相关的内容。 参考至： 去看看 二、过程 1.使用 1.1 在form 里面加上rule <el-form ref="loginForm" :model="logi ......
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 ......
vue3版本下element-plus和antd-vue选哪个更好一些？
Vue 3 发布后，各家第三方库开始陆续重构并支持 Vue 3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢？ Element Plus 和 Ant Design Vue 3 都已不在支持 IE 了，并不是他们自己 ......
elementui(element-plus)中el-alert实现换行的方法
elementui(element-plus)中el-alert实现换行的方法 <el-alert title="说明：" type="warning" show-icon> <div>1、账号跟密码卡不能重复</div> <div >2、密码长度必须超过10位数</div> </el-alert> ......
mybatis解决nested exception is org.apache.ibatis.type.TypeException: Could not set parameters for mapping:
错误原因 在mybatis中SQL添加了注释 解决方法 删除相关无用语句 参考链接 【1】https://blog.csdn.net/daming1/article/details/107336871 ......
记录用<input type="file">取代<video><canvas>
之前搞了H5里调用摄像头拍照上传图片的功能，使用<video><canvas>标签，然后 navigator.mediaDevices.getUserMedia(constraints)来打开摄像头，再用canvas.draw制作图片。参加上上篇文档。 但是这个功能需要HTTPs。要花钱买SSL，我 ......
element表格合并单元格+上移下移
// template <el-table :data="tableData" :span-method="tableSpanMethod" size="small" border style="width: 100%"> <el-table-column label="排序" align="cen ......
SpringMVC中如何设置响应的Content-Type(源码分析)
转载自：https://blog.csdn.net/CaptHua/article/details/122004067 问题 写这篇文章源于笔者在一次调试接口的时候遇到的一个问题: 在浏览器中调用接口,页面显示的内容中有乱码, 但是查看响应中的内容是没有乱码的, 而且在Postman中调用返回的结果 ......
从content-type设置看Spring MVC处理header的一个坑
从content-type设置看Spring MVC处理header的一个坑 转载自：https://www.cnblogs.com/kaiblog/p/7565231.html 我们经常需要在HttpResponse中设置一些headers，我们使用Spring MVC框架的时候我们如何给Resp ......
react 事件函数中 this 绑定问题
在使用类方式创建组件时，类中定义一个函数，并且绑定到元素的点击事件上，此时这个函数中this指向并不是当前这个组件。 组件代码如下： class App extends React.Component { // 组件数据 constructor() { super() this.state = { ......
Vue3 使用Element-plus table 显示一行 需要内嵌多行数据
一、背景 业务需求 需要这种 二、实现 `` 点击查看代码 <el-table ref="singleTableRef" highlight-current-row border :data="state.personData" class="data-table" max-height="600" ......