布局context react hooks
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 ......
移动端最新布局处理
1移动端安全距离 底部活动条（Home 键） 顶部传感器（刘海屏、水滴屏、挖孔屏等） 圆角边框 为了解决这个问题，W3C 推出新的 CSS 样式属性： safe-area-inset-top //安全区域距离顶部边界的距离 safe-area-inset-bottom //安全距离底部边界的距离 s ......
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 ......
react 横向文字滚动动画 ,及纵向文字滚动动画带有间歇时间 交替渐变显示文字动画
水平滚动 demo.less #scroll_x { width: 300px; height: 30px; background-color: #ccc; color: green; position: relative; overflow: hidden; } #scroll_x_text { ......
202401102331 -《Flex9格布局——从1到9》
<!-- 6格 --> <div class="wrap-box wrap-6"> <div class="flex-inner"> <div class="flex-box1 flex-item"></div> <div class="flex-box2"> <div class="flex-it ......
使用React构造前端应用
简单了解React和Node React是一个构建用户界面的JavaScript库，由Facebook开发，很流行，已被广泛使用。React基于组件构建，编写一段代码即可在多处复用，这很有优势。可以创建像 Thumbnail、LikeButton 和 Video 这样的组件，然后将它们组合成整个应用 ......
Flex布局解决最后一行左对齐
使用flex布局，将多个元素以三个为一行，往下排列。 .logo-field { width: 650px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; .__logo-item { wi ......
关于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 ......
vue3hooks中的生命周期钩子
vue3中新增了hooks的使用，内置了vue的各种api，用来将重复逻辑封装复用，比mixin更灵活 hooks中同样可以使用vue的生命周期钩子，但是容易产生原文件生命周期和hooks函数中生命周期执行顺序的疑惑 根据原文件调用生命周期和执行hooks函数的时机进行排序 export const ......
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 ......
如何使用Vue实现响应式布局
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
前端系列：基于 Flex 弹性布局详解
目录基本介绍基本概念父项常见属性flex-directionjustify-contentflex-wrapalign-itemsalign-contentflex-flow子项常见属性flexalign-selforderflex-growflex-shrinkflex-basis 基本介绍 布局 ......
触想智能入围参评第21届深圳知名品牌，乘势布局品牌建设
备受关注的第21届“深圳知名品牌”培育评价活动自2023年6月份启动以来，吸引了大批有实力及行业影响力的企业参与申报。 作为企业软实力的重要体现，触想智能大力实施品牌战略，从技术、创新、质量、服务等多维度共同发力，在激烈的竞争格局中彰显品牌力量，成功入围第21届深圳知名品牌参评名单。 发力品牌建设 ......
AutoCAD Plant 3D 2024打造高效、精准的工厂布局
AutoCAD Plant 3D 2024是一款功能强大的工厂设计软件，专为工业领域用户打造。作为AutoCAD系列软件中的一员，AutoCAD Plant 3D 2024继承了AutoCAD的优秀性能和功能，并针对工厂设计进行了优化和改进。 点击获取AutoCAD Plant 3D 2024 首先 ......
react 事件函数中 this 绑定问题
在使用类方式创建组件时，类中定义一个函数，并且绑定到元素的点击事件上，此时这个函数中this指向并不是当前这个组件。 组件代码如下： class App extends React.Component { // 组件数据 constructor() { super() this.state = { ......
数字中国建设整体布局规划
中共中央、国务院印发了《数字中国建设整体布局规划》（以下简称《规划》）。《规划》指出，建设数字中国是数字时代推进中国式现代化的重要引擎，是构筑国家竞争新优势的有力支撑。加快数字中国建设，对全面建设社会主义现代化国家、全面推进中华民族伟大复兴具有重要意义和深远影响。 近年来，数字经济的快速发展成为中国 ......
CATIA二次开发 之两种布局方式的对比
CATIA二次开发 之两种布局方式的对比 布局 Grid Layout 网格布局-推荐 Tabulation Layout 表格布局-不推荐 This is the recommended way of arranging dialog objects. This is not the recomm ......
CATIA二次开发 之控件和布局
CATIA二次开发 之控件和布局 创建控件 CATDlgCombo * pMyCombo; pMyCombo = new CATDlgCombo(this, // parent 父类容器 "MyNiceCombo", // identifier 标识符/名称/name CATDlgCmbOption ......
NLog 配置文件中布局渲染器(layout renderers)
NLog 配置文件中，布局渲染器（layout renderers）是一种机制，用于在日志消息中插入动态内容或格式化信息。它们允许您将变量、属性、日期时间信息等添加到日志消息中，以便更详细地记录和分析日志。布局渲染器是在${}中包含的占位符，会在运行时替换为实际值。 1、所有的布局参数 变量名 ......
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 ......
公共Hooks封装之表格选择操作useTableRowSelection
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装思考：为什么封装 useTableRowSelection.js 首先， 基于 Hooks（useTableData.js、useQueryParams.js）的封装，作为管理后台表格常见操作的批量删除、批量编辑 ......
公共Hooks封装之文字溢出提示useEllipsisPopper
项目环境 Vue3.x + Ant Design Vue3.x + Vite4.x 业务场景分析 图文内容仅供参考，仅提供文章内所需思考对应的图例 在以上图片中，是管理后台系统中常见的表格内容，因使用的是 Ant Design Vue 框架，根据官方的文档中所示： Column 的 API elli ......