react 18
React技术文档(一)
# React技术文档(一) ## 安装 - 全局安装react脚手架 ```js npm i -g create-react-app ``` - 查看react安装版本 ```js create-react-app -V ``` - 进入目标文件夹下创建react项目 ```js create-r ......
React技术文档(二)
React技术文档(二) # 事件绑定 ## 事件绑定的写法 在react中于需要绑定事件的节点上采用on+事件名驼峰写法定义,如`onBlur onClick onInput` 事件命名法 ```js import React, { Component } from 'react' export ......
如何编写难以维护的React代码？耦合组件
# 如何编写难以维护的React代码？耦合组件 在许多项目中，我们经常会遇到一些难以维护的React代码。其中一种常见的情况是：子组件直接操作父组件方法，从而导致父子组件深度耦合。这样的实现让子组件过于依赖父组件的具体实现细节，使得代码难以维护和扩展。 让我们来看一个例子： ```jsx funct ......
react antd5 Warning: Each child in a list should have a unique "key" prop.
## Warning: Each child in a list should have a unique "key" prop. , 这一篇采用腾讯的NCNN框架实现ResNet18推理。 ### 一、准备 #### 1、 NCNN编译及安装 同OpenCV推理一样，首先需 ......
Ubuntu18.04离线安装cuda,docker和nvidia-docker
近来接手一个项目，服务器没有外网，还缺少一堆基础工具，离线安装相关依赖十分头疼。在此两篇博客记录一下此次经历。 各部件的依赖如下： **Nvida-docker 需要 CUDA驱动，安装CUDA需要GCC编译库，安装GCC需要用到make工具（make非必须）** 有关GCC依赖与make工具安装， ......
Parallels Desktop 18亮点功能改变与变化总整理(附安装包)
Parallels Desktop 18专为最新的Apple硬件和即将发布的macOS Ventura版本而设计。它提高了运行在ARM上的Windows 11 ARM的兼容性，并拥有强大的性能和游戏更新，让用户可以不间断地进行更多的工作和娱乐。 →→↓↓载Parallels Desktop 18 1 ......
React 前端应用中快速实践 OpenTelemetry 云原生可观测性(SigNoz/K8S)
 [OpenTelemetry](https://opentelemetry.io/) 可用于跟踪 `Rea ......
React组件设计之性能优化篇
>我们是[袋鼠云数栈 UED 团队](http://ued.dtstack.cn/)，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 >本文作者：空山 # 前言 > 由于笔者最近在开发中遇到了一个重复渲染导致子组件状态值丢失的问题，因此关于性能优化 ......
React Native热更新报错：The "CFBundleShortVersionString" key in the "ios/***/Info.plist" file needs to specify a valid semver string
React Native项目集成了CodePush热更新，在用cpcn-client工具发布新版本时，在日志栏中打印了如下错误： Detecting ios app version: The "CFBundleShortVersionString" key in the "ios/xxx/Info. ......
基于32位Cortex®-M4内核MK26FN2M0VMI18、MK22FN256VMP12、MK22FN512VLL12 180MHz/120MHz FLASH
一、MK26FN2M0VMI18 Kinetis K20 32位微控制器是一款低功耗MCU，通过智能片上集成节省了大量BOM。该MCU基于Arm®Cortex®-M4核心，提供完整和可选的高速USB 2.0 (OTG控制器)，包括无晶器件功能选项。此器件具有2MB的闪存，256KB的SRAM和多达2 ......
如何编写难以维护的React代码？——滥用useEffect
# 如何编写难以维护的React代码？——滥用useEffect 在许多项目中，我们经常会遇到一些难以维护的React代码。其中一种常见的情况是滥用useEffect钩子，特别是在处理衍生状态时。让我们来看一个例子： ```jsx const ComponentA = ({ list }) => { ......
Day04-18 方法回顾及加深
1、方法的定义 修饰符 返回类型 break：跳出switch，结束循环 和 return的区别 方法名：注意规范 见名知意 参数列表：（参数类型，参数名），，， 异常抛出：疑问，后面讲解 //Demo01 类public class Demo01 { //main方法 public static ......
使用gcc-13.1.0编译安装thrift-0.18.1
执行 configure 生成 Makefile，排除掉不需要的语言支持和测试等： ```bash ./configure --prefix=/usr/local/thrift-0.18.1 --with-boost=/usr/local/boost --with-libevent=/usr/loc ......
React Native集成CodePush热更新遇到的坑，以及折腾过程。"CFBundleShortVersionString" key needs to specify a valid semver string
最近开始一个React Native的新项目。按惯例，在创建完项目后，先集成CodePush热更新功能。 这种活已经干过不止一两次了，当然没啥问题，直接上手开干。 可问题恰恰出在了本以为应该很顺利的地方。 首先，在用 cpcn-client 工具给项目安装 cpcn-react-native 包时， ......
ResNet18实现手写数字识别
项目结构 ResNet18模型搭建 from torch import nn from torch.nn.functional import relu class BaseBlock(nn.Module): def __init__(self, in_channels, out_channels, ......
React函数式组件渲染、useEffect顺序总结
> 参考资料： [深入React的生命周期(上)：出生阶段(Mount)](https://zhuanlan.zhihu.com/p/30757059) [深入React的生命周期(下)：更新(Update)](https://www.v2think.com/dig-into-react-lifec ......
React函数式组件渲染顺序探究（Demo）
> 参考资料： > [React渲染顺序及useEffect执行顺序探究（含并发模式）](https://blog.csdn.net/web2022050901/article/details/125238225) # code ```jsx import { useEffect, useState ......
react 项目内存放excal文件并实现下载功能
typings.d.ts配置(使用typescript) 在umi+ts搭建的react项目内，没有对.xlsx文件进行处理是没办法通过文件导入获取到改文件的，可以在typings.d.ts文件内根据实际情况进行后缀添加，否则ts会报导入错误 1 declare module "*.png"; 2 ......
Python【18】 pytorch中的one_hot() （独热编码函数）
参考：https://pytorch.org/docs/stable/generated/torch.nn.functional.one_hot.html  code ``` #include "bits/stdc++.h" signed main() { std::ios::sync_with_stdio(0); ......
暑期熔炉7月18
新语言 旧语言 该怎么回答 不眠的时间 笔记 表 1 Integer类中的常用方法 方法返回值功能 byteValue() byte 以 byte 类型返回该 Integer 的值 shortValue() short 以 short 类型返回该 Integer 的值 intValue() int ......
react批量生成pdf
使用`htmlpdf.js`批量将`html`页面转为`pdf`，打包成`zip`下载。`htmlpdf.js`是结合`html2canvas`和`jsPDF`实现的。 首先先安装包 ``` npm install --save html2pdf.js ``` 基本页面 ``` import htm ......
解决 react antdPro umi 报错 error:0308010C:digital envelope routines::unsupported
修改文件：package.json 原 "start": "umi dev", 改成 "start": "SET NODE_OPTIONS openssl-legacy-provider && umi dev", ......
OpenCV实现ResNet18推理
[前一篇](https://www.cnblogs.com/xiaxuexiaoab/p/17529687.html)实现了ResNet18训练自定义数据集，详细介绍了数据集制作、模型构建及训练，并且介绍了相应模块如何可视化。前面训练阶段是在python环境下进行的，但实际工程部署的时候大都采用C+ ......