当前位置：首页 > news >正文

React (三)

news 2025/12/26 10:24:18

文章目录

项目地址
十二、性能优化
- 12.1 使用useMemo避免不必要的计算
- 12.2 使用memo缓存组件，防止过度渲染
- 12.3 useCallBack缓存函数
- 12.4 useCallBack里访问之前的状态（没懂）
十三、Styled-Components
- 13.1 安装
- 13.2给普通html元素添加样式
- 13.3 继承和覆盖样式
- 13.4 给react组件添加样式
- 13.5 使用props控制样式
- 13.6 使用嵌套样式
- 13.7 定义主题
- 13.8 实现样式的多态
十四、使用React Transition Group实现动画（跳过）

项目地址

教程作者：
教程地址：

代码仓库地址：

所用到的框架和插件：

dbt 
airflow

十二、性能优化

12.1 使用useMemo避免不必要的计算

只有在指定的数值发生了变化，才会执行

当页面发生变化时，因为react的机制，会导致页面进行一次刷新，但是由于购物车或者其他计算功能并没有更改，所以不应该重新计算；
参数1：接受一个回调函数，返回我们需要计算的值
参数2：和useEffect一样，接受一个依赖数组，把变化的东西放进去，来触发useMemo

在这里插入图片描述

12.2 使用memo缓存组件，防止过度渲染

只有props发生了变化，才会重新渲染组件

虽然，上面计算没有重新渲染，但是商品列表没有变化（添加或者删除）商品ÿ

React (三)

文章目录项目地址十二、性能优化12.1 使用useMemo避免不必要的计算12.2 使用memo缓存组件，防止过度渲染12.3 useCallBack缓存函数12.4 useCallBack里访问之前的状态（没懂）十三、Styled-Components13.1 安装13.2给普通html元素添加样式13.3 继承和覆盖样式13.4 给react组件添…...

编程日记 2024/11/24 14:49:16

Python数据结构之链表

一、链表 1、目的解决顺序表存储数据有上限，并且插入和删除操作效率低的问题。 2、概念链表：链式存储的线性表，使用随机的物理内存存储逻辑上连续的数据。链表的组成：由一个个结点组成结点：由数据域和链接域组…...

编程日记 2024/11/24 14:47:13

“LLM是否是泡沫”

目录 “LLM是否是泡沫” 培养自己鉴别论文价值的能力、复现开源项目的能力、debug 代码的能力 llm 是生产力工具多去找实习，读再多的论文，刷再多的技术文章，也不如一次 debug 多机通讯报错带来的认知深刻一、LLM领域的发展与挑战二、…...

编程日记 2024/11/24 14:45:11

基于机器学习的人脸识别算法matlab仿真,对比GRNN,PNN,DNN以及BP四种网络

目录 1.算法运行效果图预览 2.算法运行软件版本 3.部分核心程序 4.算法理论概述 5.算法完整程序工程 1.算法运行效果图预览 (完整程序运行后无水印) 2.算法运行软件版本 MATLAB2022A 3.部分核心程序 （完整版代码包含详细中文注释和操作步骤视频&#xff09…...

编程日记 2024/11/24 14:44:10

算法（Algorithm）

算法（Algorithm） 是指解决问题或完成特定任务的一系列明确指令的集合。它是按照一定规则定义的一种计算过程，用于将输入转化为输出，能够被计算机或人类有效执行。算法的核心特点有穷性算法必须在有限步骤内完成，不能…...

编程日记 2024/11/24 14:40:03

C语言中const char *字符进行切割实现

将127.0.0.1以“”“.”来进行切割，实现如下： const char * ip "127.0.0.1";char *test new char[100];strcpy(test, ip);const char *split ".";char *final;final strtok(test, split);while (final){printf("%s\n"…...

编程日记 2024/11/24 14:38:00

【UE5】在材质中计算模型在屏幕上的比例

ViewProperty节点有很多有意思的变量例如用 ViewProperty 的 tan ⁡ ( FOV / 2 ) \tan(\text{FOV} / 2) tan(FOV/2) 输出，用它计算模型占屏幕的比例。 （常用于for运算的次数优化，也可以用于各种美术效果） ScaleOnScreen Obje…...

编程日记 2024/11/24 14:33:57

前端速通（HTML）

1. HTML HTML基础： 什么是HTML？ 超文本： "超文本"是指通过链接连接不同网页或资源的能力。HTML支持通过<a>标签创建超链接，方便用户从一个页面跳转到另一个页面。标记语言： HTML使用一组预定义的标签…...

编程日记 2024/11/24 14:31:55

订单日记为“惠采科技”提供全方位的进销存管理支持

感谢温州惠采科技有限责任公司选择使用订单日记！ 温州惠采科技有限责任公司，成立于2024年，位于浙江省温州市，是一家以从事销售电气辅材为主的企业。在业务不断壮大的过程中，想使用一种既能提升运营效率又能节省成本…...

编程日记 2024/11/24 14:28:52

Linux：文件管理（一）

目录一、文件基础认识二、C语言操作文件的接口 1.> 和 >> 2.理解“当前路径” 三、相关系统调用 1.open 2.文件描述符 3.一切皆文件 4.再次理解重定向一、文件基础认识文件内容属性。换句话说，如果在电脑上新建了一个空白文档&#xff0…...

编程日记 2024/11/24 14:27:51

鸿蒙多线程开发——线程间数据通信对象03(sendable)

1、简介在传统JS引擎上，对象的并发通信开销的优化方式只有一种，就是把实现下沉到Native侧，通过Transferable对象的转移或共享方式降低并发通信开销。而开发者仍然还有大量对象并发通信的诉求，这个问题在业界的JS引擎实现上并没…...

编程日记 2024/11/24 14:24:48

linux从0到1——shell编程7

声明！ 学习视频来自B站up主 **泷羽sec** 有兴趣的师傅可以关注一下，如涉及侵权马上删除文章，笔记只是方便各位师傅的学习和探讨，文章所提到的网站以及内容，只做学习交流，其他均与本人以及泷羽sec团队无关&a…...

编程日记 2024/11/24 14:22:45

自主研发，基于PHP+ vue2+element+ laravel8+ mysql5.7+ vscode开发的不良事件管理系统源码，不良事件管理系统源码

不良事件上报系统源码，不良事件管理系统源码，PHP源码不良事件上报系统通过 “事前的人员知识培训管理和制度落地促进”、“事中的事件上报和跟进处理”、以及 “事后的原因分析和工作持续优化”，结合预存上百套已正在使用的模板&#xff0…...

编程日记 2024/11/24 14:21:43

【海思Hi3519DV500】双目网络相机套板硬件规划方案

Hi3519DV500双目网络相机套板是针对该芯片设计的一款 IP 编码板 PCBA，硬件接口支持双目sensor 接入，SDIO3.0 接口、USB2.0、USB3.0、UART 接口以及丰富的 IO 扩展应用，可根据各种使用场景设计相应扩展板，丰富外围接口，…...

编程日记 2024/11/24 14:20:42

【电源专题】BUCK电源SW电压的平均值为什么等于输出电压？

在Buck电源测试过程中，我们会去测试SW开关节点的波形。那么从SW波形中我们能看出什么呢？首先查看SW波形一般会看SW频率，通过SW波形的频率知道目前芯片的运行状态是什么。比如PSM还是PWM模式。此外，还会看SW波形的占空比，通过占空比我们可以知道目前输出的状态是怎么样的…...

编程日记 2024/11/24 14:16:39

SpringCloud Gateway转发请求到同一个服务的不同端口

SpringCloud Gateway默认不支持将请求路由到一个服务的多个端口本文将结合Gateway的处理流程，提供一些解决思路需求背景公司有一个IM项目，对外暴露了两个端口8081和8082，8081是springboot启动使用的端口，对外提供一些http接口…...

编程日记 2024/11/24 14:14:38

【模块一】kubernetes容器编排进阶实战之pod的调度流程，pause容器及init容器

pod的调度流程及常见状态 pod的调度流 pod的常见状态 Unschedulable：#Pod不能被调度，kube-scheduler没有匹配到合适的node节点 PodScheduled：#pod正处于调度中，在kube-scheduler刚开始调度的时候，还没有将pod分配…...

编程日记 2024/11/24 14:11:31

PySpark3：pyspark.sql.functions常见的60个函数

目录一、常见的60个函数 1、col 2、lit 3、sum 4、avg/mean 5、count 6、max 7、min 8、concat 9、substring 10、lower 11、upper 12、trim 13、ltrim 14、rtrim 15、split 16、explode 17、collect_list 18、collect_set 19、asc 20、desc 21、when 2…...

编程日记 2024/11/24 14:09:29

Python操作neo4j库py2neo使用之创建和查询（二）

Python操作neo4j库py2neo使用之创建和查询（二） py2neo 创建操作 1、连接数据库 from py2neo import Graph graph Graph("bolt://100.100.20.55:7687", auth(user, pwd), nameneo4j)2、创建Node from py2neo import Node, Subgraph # 创建…...

编程日记 2024/11/24 14:05:24

力扣11.23

1964. 找出到每个位置为止最长的有效障碍赛跑路线你打算构建一些障碍赛跑路线。给你一个下标从 0 开始的整数数组 obstacles ，数组长度为 n ，其中 obstacles[i] 表示第 i 个障碍的高度。对于每个介于 0 和 n - 1 之间（包含 0 和 n - 1&…...

编程日记 2024/11/24 14:04:24

龙虎榜——20250610

上证指数放量收阴线，个股多数下跌，盘中受消息影响大幅波动。深证指数放量收阴线形成顶分型，指数短线有调整的需求，大概需要一两天。 2025年6月10日龙虎榜行业方向分析 1. 金融科技代表标的：御银股份、雄帝科技驱动…...

编程新知 2025/12/26 6:10:24

大数据学习栈记——Neo4j的安装与使用

本文介绍图数据库Neofj的安装与使用，操作系统：Ubuntu24.04，Neofj版本：2025.04.0。 Apt安装 Neofj可以进行官网安装：Neo4j Deployment Center - Graph Database & Analytics 我这里安装是添加软件源的方法最新版…...

编程新知 2025/12/22 11:05:42

超短脉冲激光自聚焦效应

前言与目录强激光引起自聚焦效应机理超短脉冲激光在脆性材料内部加工时引起的自聚焦效应，这是一种非线性光学现象，主要涉及光学克尔效应和材料的非线性光学特性。自聚焦效应可以产生局部的强光场，对材料产生非线性响应，可能…...

编程新知 2025/12/25 13:24:13

Python爬虫（二）：爬虫完整流程

爬虫完整流程详解（7大核心步骤实战技巧） 一、爬虫完整工作流程以下是爬虫开发的完整流程，我将结合具体技术点和实战经验展开说明： 1. 目标分析与前期准备网站技术分析： 使用浏览器开发者工具（F12&…...

编程新知 2025/10/19 5:48:51

如何为服务器生成TLS证书

TLS（Transport Layer Security）证书是确保网络通信安全的重要手段，它通过加密技术保护传输的数据不被窃听和篡改。在服务器上配置TLS证书，可以使用户通过HTTPS协议安全地访问您的网站。本文将详细介绍如何在服务器上生成一个TLS证…...

编程新知 2025/12/17 5:54:30

VTK如何让部分单位不可见

最近遇到一个需求，需要让一个vtkDataSet中的部分单元不可见，查阅了一些资料大概有以下几种方式 1.通过颜色映射表来进行，是最正规的做法 vtkNew<vtkLookupTable> lut; //值为0不显示，主要是最后一个参数，透明度…...

编程新知 2025/12/12 4:55:21

vue3+vite项目中使用.env文件环境变量方法

vue3vite项目中使用.env文件环境变量方法 .env文件作用命名规则常用的配置项示例使用方法注意事项在vite.config.js文件中读取环境变量方法 .env文件作用 .env 文件用于定义环境变量，这些变量可以在项目中通过 import.meta.env 进行访问。Vite 会自动加载这些环境变…...

编程新知 2025/12/23 21:52:08