React (三)
文章目录
- 项目地址
- 十二、性能优化
- 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组件添…...
Python数据结构之链表
一、链表 1、目的 解决顺序表存储数据有上限，并且插入和删除操作效率低的问题。 2、概念 链表：链式存储的线性表，使用随机的物理内存存储逻辑上连续的数据。 链表的组成：由一个个结点组成 结点：由数据域和链接域组…...
“LLM是否是泡沫”
目录 “LLM是否是泡沫” 培养自己鉴别论文价值的能力、复现开源项目的能力、debug 代码的能力 llm 是生产力工具 多去找实习，读再多的论文，刷再多的技术文章，也不如一次 debug 多机通讯报错带来的认知深刻 一、LLM领域的发展与挑战 二、…...
基于机器学习的人脸识别算法matlab仿真,对比GRNN,PNN,DNN以及BP四种网络
目录 1.算法运行效果图预览 2.算法运行软件版本 3.部分核心程序 4.算法理论概述 5.算法完整程序工程 1.算法运行效果图预览 (完整程序运行后无水印) 2.算法运行软件版本 MATLAB2022A 3.部分核心程序 （完整版代码包含详细中文注释和操作步骤视频）…...
算法（Algorithm）
算法（Algorithm） 是指解决问题或完成特定任务的一系列明确指令的集合。它是按照一定规则定义的一种计算过程，用于将输入转化为输出，能够被计算机或人类有效执行。 算法的核心特点 有穷性 算法必须在有限步骤内完成，不能…...
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"…...
【UE5】在材质中计算模型在屏幕上的比例
ViewProperty节点有很多有意思的变量 例如用 ViewProperty 的 tan ( FOV / 2 ) \tan(\text{FOV} / 2) tan(FOV/2) 输出，用它计算模型占屏幕的比例。 （常用于for运算的次数优化，也可以用于各种美术效果） ScaleOnScreen Obje…...
前端速通（HTML）
1. HTML HTML基础： 什么是HTML？ 超文本： "超文本"是指通过链接连接不同网页或资源的能力。HTML支持通过<a>标签创建超链接，方便用户从一个页面跳转到另一个页面。 标记语言： HTML使用一组预定义的标签…...
订单日记为“惠采科技”提供全方位的进销存管理支持
感谢温州惠采科技有限责任公司选择使用订单日记！ 温州惠采科技有限责任公司，成立于2024年，位于浙江省温州市，是一家以从事销售电气辅材为主的企业。 在业务不断壮大的过程中，想使用一种既能提升运营效率又能节省成本…...
Linux：文件管理（一）
目录 一、文件基础认识 二、C语言操作文件的接口 1.> 和 >> 2.理解“当前路径” 三、相关系统调用 1.open 2.文件描述符 3.一切皆文件 4.再次理解重定向 一、文件基础认识 文件 内容 属性。换句话说，如果在电脑上新建了一个空白文档࿰…...
鸿蒙多线程开发——线程间数据通信对象03(sendable)
1、简 介 在传统JS引擎上，对象的并发通信开销的优化方式只有一种，就是把实现下沉到Native侧，通过Transferable对象的转移或共享方式降低并发通信开销。而开发者仍然还有大量对象并发通信的诉求，这个问题在业界的JS引擎实现上并没…...
linux从0到1——shell编程7
声明！ 学习视频来自B站up主 **泷羽sec** 有兴趣的师傅可以关注一下，如涉及侵权马上删除文章，笔记只是方便各位师傅的学习和探讨，文章所提到的网站以及内容，只做学习交流，其他均与本人以及泷羽sec团队无关&a…...
自主研发，基于PHP+ vue2+element+ laravel8+ mysql5.7+ vscode开发的不良事件管理系统源码，不良事件管理系统源码
不良事件上报系统源码，不良事件管理系统源码，PHP源码 不良事件上报系统通过 “事前的人员知识培训管理和制度落地促进”、“事中的事件上报和跟进处理”、 以及 “事后的原因分析和工作持续优化”，结合预存上百套已正在使用的模板࿰…...
【海思Hi3519DV500】双目网络相机套板硬件规划方案
Hi3519DV500双目网络相机套板是针对该芯片设计的一款 IP 编码板 PCBA，硬件接口支持双目sensor 接入，SDIO3.0 接口、USB2.0、USB3.0、UART 接口以及丰富的 IO 扩展应用，可根据各种使用场景设计相应扩展板，丰富外围接口，…...
【电源专题】BUCK电源SW电压的平均值为什么等于输出电压？
在Buck电源测试过程中，我们会去测试SW开关节点的波形。那么从SW波形中我们能看出什么呢？ 首先查看SW波形一般会看SW频率，通过SW波形的频率知道目前芯片的运行状态是什么。比如PSM还是PWM模式。 此外，还会看SW波形的占空比，通过占空比我们可以知道目前输出的状态是怎么样的…...
SpringCloud Gateway转发请求到同一个服务的不同端口
SpringCloud Gateway默认不支持将请求路由到一个服务的多个端口 本文将结合Gateway的处理流程，提供一些解决思路 需求背景 公司有一个IM项目，对外暴露了两个端口8081和8082，8081是springboot启动使用的端口，对外提供一些http接口…...
【模块一】kubernetes容器编排进阶实战之pod的调度流程，pause容器及init容器
pod的调度流程及常见状态 pod的调度流 pod的常见状态 Unschedulable：#Pod不能被调度，kube-scheduler没有匹配到合适的node节点 PodScheduled：#pod正处于调度中，在kube-scheduler刚开始调度的时候，还没有将pod分配…...
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…...
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 # 创建…...
力扣11.23
1964. 找出到每个位置为止最长的有效障碍赛跑路线 你打算构建一些障碍赛跑路线。给你一个 下标从 0 开始 的整数数组 obstacles ，数组长度为 n ，其中 obstacles[i] 表示第 i 个障碍的高度。 对于每个介于 0 和 n - 1 之间（包含 0 和 n - 1&…...
web vue 项目 Docker化部署
Web 项目 Docker 化部署详细教程 目录 Web 项目 Docker 化部署概述Dockerfile 详解 构建阶段生产阶段 构建和运行 Docker 镜像 1. Web 项目 Docker 化部署概述 Docker 化部署的主要步骤分为以下几个阶段： 构建阶段（Build Stage）：…...
【Linux】shell脚本忽略错误继续执行
在 shell 脚本中，可以使用 set -e 命令来设置脚本在遇到错误时退出执行。如果你希望脚本忽略错误并继续执行，可以在脚本开头添加 set e 命令来取消该设置。 举例1 #!/bin/bash# 取消 set -e 的设置 set e# 执行命令，并忽略错误 rm somefile…...
Golang 面试经典题：map 的 key 可以是什么类型？哪些不可以？
Golang 面试经典题：map 的 key 可以是什么类型？哪些不可以？ 在 Golang 的面试中，map 类型的使用是一个常见的考点，其中对 key 类型的合法性 是一道常被提及的基础却很容易被忽视的问题。本文将带你深入理解 Golang 中…...
React Native 开发环境搭建（全平台详解）
React Native 开发环境搭建（全平台详解） 在开始使用 React Native 开发移动应用之前，正确设置开发环境是至关重要的一步。本文将为你提供一份全面的指南，涵盖 macOS 和 Windows 平台的配置步骤，如何在 Android 和 iOS…...
【Zephyr 系列 10】实战项目：打造一个蓝牙传感器终端 + 网关系统（完整架构与全栈实现）
🧠关键词：Zephyr、BLE、终端、网关、广播、连接、传感器、数据采集、低功耗、系统集成 📌目标读者：希望基于 Zephyr 构建 BLE 系统架构、实现终端与网关协作、具备产品交付能力的开发者 📊篇幅字数：约 5200 字 ✨ 项目总览 在物联网实际项目中，**“终端 + 网关”**是…...
AI编程--插件对比分析：CodeRider、GitHub Copilot及其他
AI编程插件对比分析：CodeRider、GitHub Copilot及其他 随着人工智能技术的快速发展，AI编程插件已成为提升开发者生产力的重要工具。CodeRider和GitHub Copilot作为市场上的领先者，分别以其独特的特性和生态系统吸引了大量开发者。本文将从功…...
微软PowerBI考试 PL300-在 Power BI 中清理、转换和加载数据
微软PowerBI考试 PL300-在 Power BI 中清理、转换和加载数据 Power Query 具有大量专门帮助您清理和准备数据以供分析的功能。 您将了解如何简化复杂模型、更改数据类型、重命名对象和透视数据。 您还将了解如何分析列，以便知晓哪些列包含有价值的数据，…...
使用LangGraph和LangSmith构建多智能体人工智能系统
现在，通过组合几个较小的子智能体来创建一个强大的人工智能智能体正成为一种趋势。但这也带来了一些挑战，比如减少幻觉、管理对话流程、在测试期间留意智能体的工作方式、允许人工介入以及评估其性能。你需要进行大量的反复试验。 在这篇博客〔原作者&a…...
[大语言模型]在个人电脑上部署ollama 并进行管理,最后配置AI程序开发助手.
ollama官网: 下载 https://ollama.com/ 安装 查看可以使用的模型 https://ollama.com/search 例如 https://ollama.com/library/deepseek-r1/tags # deepseek-r1:7bollama pull deepseek-r1:7b改token数量为409622 16384 ollama命令说明 ollama serve #：…...
【Linux系统】Linux环境变量：系统配置的隐形指挥官
。# Linux系列 文章目录 前言一、环境变量的概念二、常见的环境变量三、环境变量特点及其相关指令3.1 环境变量的全局性3.2、环境变量的生命周期 四、环境变量的组织方式五、C语言对环境变量的操作5.1 设置环境变量：setenv5.2 删除环境变量:unsetenv5.3 遍历所有环境…...