写法react jsx svg
2024-01-13 记录react-dnd拖拽组件的用法
开始和移动的下标： drop: (item: { index: number }) => { console.log("开始", item.index,"结束", index); moveRow(item.index, index); }, ......
（坚持每天写算法）基础算法复习与学习part1基础算法1-7——高精度减法（处理t=1和t>1代码的写法，t为操作次数）
题目： 思路：这一道题其实和高精度加法的思路是差不多的，都是使用算式进行模拟。 重点：关于代码怎么写，在高精度加法那里还看不太出来（我也没有写），但是在高精度减法这里就完全可以看出来了。我们在加法算式里面，一般是A[i]+B[i]+t，但是也可以这么写：t+A[i]+B[i]，我们可以先写进位，然后 ......
3-format的写法与定义
写法：format 定义：字符串格式化 格式化输出的好处： 1. 格式化输出可以让代码更加简洁 2. 格式化输出可以让代码更加易于维护 3. 格式化输出可以让代码更加易于阅读 4. 格式化输出可以让代码更加易于理解 5. 格式化输出可以让代码更加易于扩展 name = "王五" # 定义一个字符串变 ......
2-%s的写法与定义
写法：%s 定义：占位符(占位置的符号) 如果只占一个位置，那么字符串后面%变量名/数据值 如果占多个位置，那么字符串后面%(变量名/数据值) name = "张三" print('我叫%s' %name) age = 18 print('我叫%s,今年%s岁'%(name,age)) ......
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 ......
input 的写法与定义
写法：input() 定义：输入 输入操作：从控制台中输入内容 intput() #等待用户输入，回车结束 输入的时候给一些友好的提示，在input()类型中加入字符串类型的提示 a = input('请输入用户名：') # 获取用户输入的用户名 print('你输入的用户名是：', a) # 打印 ......
直接在*.vue文件（SFC）中使用JSX/TSX渲染函数，真香!
前言 在日常开发中vue的模版语法在大多数情况都能够满足我们的需求，但是在一些复杂的业务场景中使用模版语法就有些麻烦了。这个时候灵活的JSX/TSX渲染函数就能派上用场了，大多数同学的做法都是将*.vue文件改为*.tsx或者*.jsx文件。其实我们可以直接在*.vue文件中直接使用JSX/TSX渲 ......
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 ......
少见但非常好用的js写法技巧。
1. 使用 flatMap 数组方法 flatMap() 本质上是 map()和 flat() 的组合，区别在于 flatMap 只能扁平1级，flat 可以指定需要扁平的级数，flatmap 比分别调用这两个方法稍微高效一些。 const arr = [1, 2, [4, 5], 6, 7, [8 ......
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 这样的组件，然后将它们组合成整个应用 ......
Python对于for循环，可以用range()来控制循环次数，写法：range(次数)
'''for循环次数 循环的是列表、集合、元组、字典、字符串，这些类型中保存了几个数据值就循环几次'''# Python对于for循环，可以用range()来控制循环次数# 写法：range(次数)name = 'Rocco' # 设置变量name为字符串类型，值为'Rocco'ps = '1234 ......
关于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 ......
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 ......
react 事件函数中 this 绑定问题
在使用类方式创建组件时，类中定义一个函数，并且绑定到元素的点击事件上，此时这个函数中this指向并不是当前这个组件。 组件代码如下： class App extends React.Component { // 组件数据 constructor() { super() this.state = { ......
MyBatis中大于和小于号的转义写法
参考连接：http://www.mybatis.cn/archives/754.html mybatis框架是java web开发必备的框架，很多mybatis新手写代码的时候，需要在sql中使用到大于等于，这时候如果像sql中一样直接使用了>、<、>=、<=，在运行的时候于是就出现了一些意想不到的 ......
React Native 打包 App 发布 iOS 及加固混淆过程
React Native 打包 App 发布 iOS 及加固混淆过程 摘要 本文将介绍如何使用 React Native 打包并发布 iOS 应用到 App Store，并介绍了如何进行应用的加固和混淆过程。 引言 发布 iOS 应用到 App Store 是一个相对复杂的过程，需要使用 Mac 电 ......
Vue 3 中的 jsx 实践
一、起因 template 的写法不太灵活，数据和模版都放在一起，不能拼接； 如果拆太碎，每个碎片组件都得写一堆 props/emit 才能确保通信的完整性，太麻烦; 如果写在一个文件中，模版上的判断逻辑 (v-if) 又得一堆； 二、codes 碎片组件 1: <script lang="jsx" ......
文字竖排，从上到下排列，仿古文的写法
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>这里填写标题</title> <meta name="keywords" conten ......
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 ......
input（）：写法与定义
# 写法：input()# 定义：输入# 输入操作：从控制台中输入内容# intput() #等待用户输入，回车结束# 输入的时候给一些友好的提示，在input()类型中加入字符串类型的提示a = input('请输入用户名：') # 获取用户输入的用户名print('你输入的用户名是：', a) ......
format：写法与定义
# 写法：format # 定义：字符串格式化# 格式化输出的好处：# 1. 格式化输出可以让代码更加简洁# 2. 格式化输出可以让代码更加易于维护# 3. 格式化输出可以让代码更加易于阅读# 4. 格式化输出可以让代码更加易于理解# 5. 格式化输出可以让代码更加易于扩展name = "王五" # ......
Dwg转SVG
1.DWG to SVG API: The API for converting AutoCAD drawings to SVG vector images - ConvertAPI 1.ConvertApi async static Task Main(string[] args) { strin ......
占位符：%s写法与定义
# 写法：%s# 定义：占位符(占位置的符号)# 如果只占一个位置，那么字符串后面%变量名/数据值# 如果占多个位置，那么字符串后面%(变量名/数据值)name = "张三"print('我叫%s' %name)age = 18print('我叫%s,今年%s岁'%(name,age)) ......
react ant-mobile的input组件，使用ref实现失焦方法
// 设置ref<Input ref={inputRef} placeholder='信息保密，仅用于投保' className='pos-app-phone tkzx-rr-block' clearable type='tel' maxLength='11' onChange={(val) => ......