react usememo memo vs
react antd 函数式弹窗案例
1.弹窗函数 export const checkReviewTaskTipModal = async (checkResult: { status: boolean; mseeage: string; }) => { return new Promise((r, j) => { const can ......
[REACT_DOC]-Quick Start
Quick Start 概览： 如何创建以及嵌套组件 如何添加markup 和样式 如何展示数据 如何条件渲染，如何渲染列表 如何响应事件并更新渲染 如何在组件之间共享数据 创建以及嵌套组件 function MyButton() { return ( <button>I'm a button</b ......
文心一言 VS chatgpt （12）-- 算法导论3.1 6~7题
六、证明：一个算法的运行时间为θ(g(n))当且仅当其最坏情况运行时间为O(g(n))，且其最好情况运行时间为Ω(g(n)) 。 文心一言： chatgpt： 要证明「一个算法的运行时间为θ(g(n))当且仅当其最坏情况运行时间为O(g(n))，且其最好情况运行时间为Ω(g(n))」，需要证明两个方 ......
useMemo, useCallback, useEffect 三者区别
useMemo 父组件将一个 【值】 传递给子组件，若父组件的其他值发生变化时，子组件也会跟着渲染多次，会造成性能浪费； useMemo是将父组件传递给子组件的值缓存起来，只有当 useMemo中的第二个参数状态变化时，子组件才重新渲染 useMemo便是用于缓存该函数的执行结果，仅当依赖项改变后才 ......
React Native 桥接原生模块
原生模块简介 有时候一个 RN 应用需要访问一个原生平台的 API 比如相机，但是，默认情况下 JavaScript 是无法访问原生 API 的。 原生模块系统暴露了一些 Java 类的实例对象给 JavaScript，这样就可以允许开发者在 JS 代码中执行一些特定的原生代码。 简单来说，桥接原生 ......
React、Ant Design 5.0 构建通用后台管理系统 - 接口服务环境搭建
项目初始化 mkdir general-admin-system-server cd general-admin-system-server npm init -y npm install typescript ts-node @types/node nodemon @swc/core @swc/h ......
React、Ant Design 5.0 构建通用后台管理系统 - 登录页面
安装依赖 npm install antd @ant-design/icons @ant-design/pro-components Ant Design组件库 @ant-design/pro-components封装一些好用的常用组件库 main.tsx import '@/styles/glob ......
盘点| 有哪些比较新的好用的React Native 开发工具？
2015年，FaceBook首次开发并发布React Native框架，用于构建原始的移动应用程序。React Native的特点是使用JavaScript和React编写应用程序代码，而不是其他移动应用程序开发框架，同时利用iOS和Android平台的原始组件和API，从而实现更快、更有效的开发流 ......
我正在尝试在VS代码中安装cx_Oracle，但收到错误消息：需要Microsoft Visual C++ 14.0或更高版本
Q:收集cx-oracle使用缓存的cx_Oracle-8.3.0.tar.gz（363 kB）安装构建依赖项...完成获取构建wheel的要求...完成准备元数据（pyproject. toml）...完成为收集的包构建wheel：正在为cx-oracle（pyproject. toml）构建轮盘 ......
React、Ant Design 5.0 构建通用后台管理系统界面 - 路由注册
涉及依赖 react-router-dom src/router/index.tsx import { IndexRouteObject, NonIndexRouteObject } from 'react-router-dom' // 重写react-router-dom的RouteObject ......
React、Ant Design 5.0 构建通用后台管理系统界面 - 项目初始化
事前准备 node npm vscode / webstorm 前端开发环境准备 项目初始化 npm create vite √ Project name: » general-admin-system-ui √ Select a framework: » React √ Select a vari ......
VS2019离线下载安装
移步 https://learn.microsoft.com/en-us/visualstudio/install/create-a-network-installation-of-visual-studio?view=vs-2019#download-the-visual-studio-boots ......
SpringBoot+React 前后端分离
SpringBoot+React 前后端分离 写个转发数据的小工具，本来只想开个 SpringBoot 服务带个页面，但感觉有点难受，正好之前研究了 React，尝试一下前后端分离。 后端 简单用 SpringBoot 起个服务，写个接口处理请求： @RestController @RequestM ......
react
React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 主要用于构建 UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性 ......
react18中antd的Upload组件上传头像，并且拿到服务器返回的头像的url地址在页面中显示头像
业务需求：上传头像，上传完毕后拿到头像的url，把头像展示在页面中，最终把头像url和其他用户信息一起发送给服务器 上传头像流程 导入 Upload 组件和图标(一个加号，一个加载中) import { Upload } from 'antd'; import { PlusOutlined, Loa ......
vscode中react组件
title: "vscode中ES7+ React/Redux/React-Native snippets插件使用" date: 2023-04-07 23:21:32 tags: ['Vscode','插件'] categories: ["工具篇"] 通过使用这个插件我们可以很方便的进行组件/方法 ......
部署Spring Boot + React前后端分离中的奇特发现
今天在尝试在服务器上部署Spring Boot + React前后端分离应用时有一个奇特的发现。 服务器 首先是前端npm run build之后，将构建好的应用移动到/var/www/html文件夹，nginx启动可以正常访问，axios接口访问地址为localhost:8080； 后端maven ......
VS2022 无法打开文件kernel32.lib
忘记出处地址了，记录学习、分享一下 项目->属性->C/C++ 目录->库目录：添加 $(LibraryPath) ......
在react中使用onAppear事件
封装一个可以使用onAppear的<VIew/>组件： import React, { PureComponent } from 'react'; class View extends PureComponent { constructor(props) { super(props); this.t ......
react 生命周期钩子函数
1、挂载：construct、getDerivedStateFromProps、render、componentDidMounted 2、更新：getDerivedStateFromProps、componentWillUpdate、render、getSnapshotBeforeUpdate、co ......
react ref
一、使用 ref 操作 DOM 1、要访问由 React 管理的 DOM 节点，首先，引入 useRef Hook： import { useRef } from 'react'; 2、然后，在你的组件中使用它声明一个 ref： const myRef = useRef(null); 3、最后，将其 ......
Opencv在VS2022中的配置（Python)
下载Opencv 先去官网https://opencv.org/opencv-4-7-0/下载， 找到适合你设备的版本下载Windows就是Win pack,完成后进行安装即可，一路同意默认就行，可以更改安装位置，但路径上尽可能以英文，以防止后面不必要的问题。 2.下载Python 首先是版本 发文 ......
LangChain vs Semantic Kernel
每当向他人介绍 Semantic Kernel， 会得到的第一个问题就是 Semantic Kernel 类似于LangChain吗，或者是c# 版本的LangChain吗？ 为了全面而不想重复的回答这个问题，因此我写下这篇文章。在 ChatGPT 之前，构建 集成AI的应用程序的主要分为两个步骤： ......
VS Code+Arduino插件编译/验证（Verify）报“构建时出错：exit status 1”
一、问题现象 vscode编译/验证（Verify）Arduino的.ino文件，报构建时出错：exit status 1，如下： [Starting] Verifying sketch 'src.ino' Please see the build logs in output path: e:\W ......
什么是 React Functional Components? 函数式组件？
函数式组件与类组件（Functional Components vs Class Component） 函数式组件只是一个普通 JavaScript 函数，它返回 JSX 对象。 类组件是一个 JavaScript 类，它继承了 React.Component 类，并拥有 render() 方法。 ......
react 虚拟DOM的原理
1、虚拟DOM，就是虚拟节点，通过用一个JS对象表示真实DOM树结构，这个对象就包括标签名，属性，子节点等。然后将其渲染成真是的DOM节点。 2、第一步是模拟，用 JSX 语法写出来的元素其实是一个虚拟节点 <div id='a'> <span class='b'>test</span> </div ......
C# throw vs throw ex
新手经常区分不清楚throw 跟 throw ex 有什么区别，在一些遗留代码中我们也经常能见到类似的错误用法。 一句话总结：throw ex 会重置调用栈，而throw不会。绝大多数情况我们都不希望调用栈被重置，这样不利于定位问题。 下面做一个简单的测试： 1 namespace SimpleCo ......
【内存】内存检测工具sanitizer[内存泄漏、内存越界] VS valgrind ---好用
简介 Sanitizers是谷歌发起的开源工具集，包括了AddressSanitizer, MemorySanitizer, ThreadSanitizer, LeakSanitizer，Sanitizers项目本是LLVM项目的一部分，但GNU也将该系列工具加入到了自家的GCC编译器中。GCC从4 ......
Emmet in VS Code
前言 Emmet可以极大的提高 html 和 css 的编写效率，它提供了一种非常简练的语法规则。 举个例子，我们在编辑器中输入缩写代码：ul>li*6 ，然后按下 Tab 键，即可得到如下代码片段： <ul> <li></li> <li></li> <li></li> <li></li> <li> ......
VS Code的使用积累
常见配置 自动保存： "files.autoSave": "onFocusChange" 参考链接：https://blog.csdn.net/WestLonly/article/details/78048049 在新的窗口中打开文件： "workbench.editor.enablePreview ......