a378113472的博客

原创 react hooks

{/* 渲染数据 */}

原创 react useMeno useCallback

当你将函数作为props传递给子组件（特别是用 React.memo 优化过的子组件）时，使用 useCallback 可以防止因为父组件重渲染导致函数引用变化，进而触发子组件的不必要重渲染。当需要将一个对象或数组作为props传递给被 React.memo 包裹的子组件时，使用 useMemo 可以确保该引用类型只在依赖变更时才会变化，从而避免子组件无效重渲染。useMemo 的核心作用是缓存一个计算成本较高的结果，只有当其依赖项发生变化时，才会重新计算。• 第二个参数：一个依赖数组。

原创 react redux 分组

这种结构的核心思想是“功能切片”（Feature Slices），即所有与某个特定功能相关的状态、动作创建函数、Reducer 逻辑、副作用（如异步 thunk）以及选择器（Selectors），都集中在一个文件夹内管理。│ │ ├── userSlice.ts # 用户相关的 Slice（使用 Redux Toolkit）│ │ └── types.ts # 用户模块的类型定义（可选）│ ├── user/ # 用户管理模块。

原创 React.memo

【代码】React.memo。

原创 react nextjs 项目部署

3.因为.next 文件夹在服务器上不显示 所以我手动把.next 改为next (也可以修改打包输出文件名配置，或者干脆不修改还是使用.next文件夹)6.服务器上编写dockerfile文件（在next 文件统计）4.服务器上下载images 和开发环境node 对应版本。1.开发完执行 npm run build。8 运行项目 确保3000 端口没有被占用。5.copy 修改后的next 文件。前端习惯开发 window 系统。2.之后生成打包文件.next。

原创 docker镜像从服务器Acopy到服务器B

第一个 node_image_20.19.4.tar 保存到root 目录下的镜像名字。第二个是docker images 看到的镜像名字。服务器B 进入的root 后执行命令。

原创 reacthooks

【代码】reacthooks。

原创 spring 实体字段校验注解

原创 webGis框架

CesiumMapboxGLOpenLayersLeaflet。

原创 nodejs express nestjs 打包部署

dockerignore 忽略文件和dockerfile 同级。docker 构建镜像命令。docker启动命令。

原创 vue3调用直播流

【代码】vue3调用直播流。

原创 elementplaus 使用upload list-type=“picture-card“ 图片蒙层样式在el-image 上

【代码】elementplaus 使用upload list-type=“picture-card“ 图片蒙层样式在el-image 上。

原创 spring boot 注解 @bean

是 Spring Framework 的核心注解之一，用于将方法的返回值声明为一个由 Spring 容器管理的对象（即一个 “Bean”）。• 依赖注入：方法参数会自动注入其他 Bean（无需显式。A: 是，且每次调用默认返回同一实例（单例），除非标注。类）的关键组成部分，替代了传统的 XML 配置方式。如果需要更具体的例子或深入某个场景，可以告诉我！中使用（Spring 会代理确保单例）。• Bean 名称：默认使用方法名（如。A: 优先通过构造函数注入，或使用。A: 可以，但推荐仅在。

原创 vue3 获取语音流

【代码】vue3 获取语音流。

原创 阿里qiankun微服务搭建

主服务 chatvue3 ts vite 子服务 pptreact 18 vite 子服务 agent主服务mian.tsvue3 ts服务main.ts。

原创 服务器安装nacos

把nacos中的data 文件和conf 文件copy到自己服务的文件夹。之后杀死nacos-server。

原创 Dockerfile部署springboot 项目或者springcloud项目

运行完docker images 可以查看到新build 的镜像了。在jar包的同一目录创建一个Dockerfile文件。之后docker run 就可以运行程序了。在对应Dockerfile 目录下运行。1.创建一个Dockerfile文件。并把打好的jar包和文件在同级。

原创 springcloud微服务搭建

2022.0.x (Gateway SRx) - 对应 Spring Boot 3.1.x。点击 File -> New -> Project=》meaven-》jdk11。1 springcloud 版本问题。2.搭建SpringCloud项目。nacos 对应版本2.2.1。选择 2022.0.x。

原创 nacos 使用

二进制包 windows docker镜像linux。

原创 springboot常用注解

【代码】springboot常用注解。

原创 nginx 配置访问路径

【代码】nginx 配置访问路径。

原创 three.js 流星雨特效

【代码】three.js 流星雨特效。

原创 服务上放图片在浏览器直接预览 前端直接使用

【代码】服务上放图片在浏览器直接预览 前端直接使用。

原创 echarts 折线图 折线最后显示折线名称

【代码】echarts 折线图 折线最后显示折线名称。

原创 echarts折线图十万条数据显示

【代码】echarts折线图十万条数据显示。

原创 echarts makeline辅助线

【代码】echarts makeline辅助线。

原创 mybatilsplaus 常用注解

官网地址。

原创 linux docker nginx mysql redis

【代码】docker nginx。

原创 阿里qiankun微前端问题

【代码】阿里qiankun微前端问题。

原创 在Vue中，你可以使用动态import()语法来动态加载组件，动态变量路径

在上面的示例中，当你点击"加载组件"按钮时，loadComponent方法会通过动态导入加载MyComponent.vue组件。导入成功后，将组件注册到Vue实例的dynamicComponent属性中，然后使用标签来渲染该组件。请注意，动态导入是一个返回Promise的函数，因此你可以使用.then()来处理导入成功的情况，并使用.catch()来处理导入失败的情况。在Vue中，你可以使用动态import()语法来动态加载组件。动态导入允许你在需要时异步加载组件，这样可以提高应用程序的初始加载性能。

原创 nginx 开启压缩

vue nginx 压缩

原创 vue-3d-model 简单实现

【代码】vue-3d-model 简单实现。

原创 表格嵌套表单，表单能编辑 能校验

【代码】表格嵌套表单，表单能编辑 能校验。

原创 vue 百度地图

vue百度地图

原创 svg 矢量图修改color 颜色

一定要删除svg内所有默认的fill属性，这样css的fill属性才会生效

原创 vue-element-admin 前端路由放后端

修改store/modules/permission.jsstore.state.user.asyncRoutes 需要在getinfo 接口中存储，这里取出来import { asyncRoutes, constantRoutes } from '@/router'import Layout from '@/layout'import store from '..'/** * Use meta.role to determine if the current user has permiss

原创 .sync 父组件给子组件传值 子组件修改父组件方法

:visible.sync="visible"this.$emit("update:visible", false);

原创 :prop父组件给子组件传递函数 子组件接收 并default子组件自己的方法 问题

default: 中取不到thisprops:{ beforeClose: { type: Function, default: null, },}判断子组件是否接到父组件的方法 接到使用 没有接到进else自定义方法beforeClose1() { console.log(this.beforeClose); console.log(5555); if (this.beforeClose) { return this.beforeCl

原创 bpms.js

bpms.jsbpmn js 文件 package先放入正在开发的项目 挨个引入每个文件 如果文件问题 挨个百度解决 最后引入app.vue文件

原创 具名插槽 父子传值

子组件 <template slot-scope="scope"> <slot name="button" :nihao="nihao" :scope="scope" /> </template>父组件子组件 name=“button” 父组件 v-slot:button=“slotProps” 参数从slotProps里取汁 父向子传值 遵循 父子组件传值即可 <templa