react 18

React

React React setState 异步同步 在 setTimeout、Promise 等原生事件 API 调用中 setState 和 useState 是同步执行的,立即执行 render Class Component 能获取到最新值 => this.state => 引用类型 Func ......
React

Java-Day-18( Map 接口、各实现类 )

Java-Day-18 Map 接口 Map 存放是 K - V ( 双列 ) 元素,K 和 V 都是输入的具体的对象 Set 也是 K - V 键值对的形式,只不过除了 K 都是表示值,V 是用常量 PRESENT 来替代的 Map 接口实现类的特点 ( 这里讲的是 JDK8 的接口特点 ) Ma ......
Java-Day 接口 Java Day Map

C#设计模式18——迭代器模式的写法

是什么: 迭代器模式是一种行为型设计模式,它允许客户端通过一种统一的方式遍历集合对象中的元素,而无需暴露集合对象的内部结构。 为什么: 使用迭代器模式可以使得客户端程序与集合对象解耦,从而可以更加灵活地对集合对象进行遍历操作。此外,迭代器模式还可以提高代码的复用性,简化客户端程序的代码量,使得代码更 ......
模式 设计模式 写法

React笔记-组件(一)

React学习笔记-组件(一未完成) 特点 声明式 组件化 跨平台 React脚手架 a. 全局安装react脚手架 create-react-app npm install create-react-app -g & npx create-react-app my-app b. 使用create- ......
组件 笔记 React

React笔记-样式(二)

React学习笔记-样式(二) 内联样式 import React from "react"; export default class LearnStyle extends React.Component { render () { return ( <div> {/* 以下两种方法都可以 一种不 ......
样式 笔记 React

React笔记-事件(三)

React学习笔记-事件(三) 定义事件 React 元素的事件处理和 DOM 元素的很相似 但是有一点语法上的不同 React 事件的命名采用小驼峰式(camelCase)而不是纯小写 如点击事件onClick import React from 'react' export default cl ......
事件 笔记 React

React笔记-state(四)

React学习笔记-state(四) 概念 state的主要作用是用于组件保存 控制以及修改自己的状态 它算是组件的私有属性 不可通过外部访问和修改 只能通过组件内部的this.setState来修改 修改state属性会导致组件的重新渲染 注意: 如果直接通过this.state.xxx的方式修改 ......
笔记 React state

React笔记-渲染列表Key(五)

React学习笔记-渲染列表Key(五) 渲染列表需要添加key属性 import React from "react" export default class LearnKey extends React.Component { state = { infos : [ {name : 'Bob' ......
笔记 React Key

SpringMVC18_MVC简介2

一、SpringMVC概述 SpringMVC是一种基于Java的实现MVC设计模型的请求驱动类型的轻量级Web框架,属于SpringFrameWork的后续产品,已经融合在Spring Web Flow 中。 SpringMVC已经成为目前最主流的MVC框架之一,并且随着Spring3.0的发布, ......
SpringMVC 简介 MVC 18

第18天打卡

问题: 源代码: #include<stdio.h> int main() { int x,y,z,n=0; for(x=0;x<=10;x++) { y=20-2*x; z=30-x-y; if(3*x+2*y+z==50) printf("%2d:%4d%5d%6d\n",++n,x,y,z); ......

ReactHub:我用 ChatGPT 搞了一个 React 的资源导航网站,谁有我用心啊!

大家好,我是DOM哥。 图谱年年有,今年我来盘! 之前已经盘完了 Vue 的技术图谱,今天来盘 React 的。不管你是资深 React 用户,还是刚入门想学习 React 的小白,相信都能帮助到你 ......
资源导航 ReactHub ChatGPT 资源 React

React Native之React基础

React Native 的基础是React, 是在 web 端非常流行的开源 UI 框架。要想掌握 React Native,先了解 React 框架还是很有帮助的。主要理解三个概念:组件、状态和 JSX。 使用组件的方式描述 UI 使用组件的方式描述 UI在 React 中,所有的 UI 都是通 ......
React 基础 Native

react 杂记2

大括号 - JavaScript 的“新世界”{变量} {方法(param)} {逻辑} {逻辑+html} {}里面还是可以应用变量 再用{}获取即可 函数 (onClick),变量 (movieName) ,插槽(children),都是作为props传递给子组件的 添加事件 注意:传递的是一个 ......
杂记 react

# P4183 [USACO18JAN]Cow at Large P 题解

# P4183 [USACO18JAN]Cow at Large P ## 题意 贝茜被农民们逼进了一个偏僻的农场。农场可视为一棵有 $N$ 个结点的树,结点分别编号为 $1,2,\ldots, N$ 。每个叶子结点都是出入口。开始时,每个出入口都可以放一个农民(也可以不放)。每个时刻,贝茜和农民都 ......
题解 P4183 Large USACO 4183

每日打卡-18

一.问题描述 给定两个升序排序的有序数组 A 和 B,以及一个目标值 x。 数组下标从 0 开始。 请你求出满足 A[i]+B[j]=x 的数对 (i,j)。 二.设计思路 i 指针从 a数组 从前往后 开始遍历 j 指针从 b数组 从后往前 开始遍历 若 a[i]+b[j]>k 说明要缩小区间使和 ......
18

Nodejs 16.18.0 和 Nodejs 18.16.0 两个版本同时共存 node18 npm18 npx18

起因 早上看到一个nodejs脚本,检查外链的代码,里面有fetch,我运行后报错了,看着应该是内置fetch,结果不能用。 安装了nodejs 最新版 v18.16.0,运行良好。 项目报错 开始干活的时候,发现npm run dev 都不能用了。是ssl的问题 由nodejs升级引起的构建错误: ......
Nodejs 18 同时 两个 版本

react + antd table列表自动滚动

/** * @file: table列表自动滚动,鼠标划入滚动暂停,鼠标划出滚动继续 */ const [dataSource, setDataSource] = useState([]) const [timer, setTimer] = useState() useEffect(() => { ......
react table antd

Linux基础18 磁盘介绍, 结构, 磁盘分区Fdisk

磁盘的基本概念 1.什么是磁盘?磁盘就像是森林,是所有硬式存储的统称,如最早出现的软盘,现在的硬盘,都是磁盘中的一部分。2.什么是软盘?磁盘开始指的是1.44MB的3.5英寸磁盘,这是很早时候的电脑储存盘,也叫软盘。软盘在如今已经很少被使用了,使用软盘需要安装软盘驱动。软盘容量小,容易损坏。随着数据 ......
磁盘 结构 基础 Linux Fdisk

理解 React 中的 useEffect、useMemo 与 useCallback

useEffect 先理解 useEffect 有助于学习 useMemo 和 useCallback。因为 useMemo 和 useCallback 的实现实际上都是基于 useEffect 的。 useEffect 是 React 中的一个很重要的 Hook,用于执行副作用操作。什么是副作用? ......
useCallback useEffect useMemo React

LeetCode 18. 四数之和

###题目链接:LeetCode 18. 四数之和 ###题意: 本题思路与LeetCode 15. 三数之和思路完全一样,只是多加了一层for循环 ###解题思路: ####完整代码如下: func fourSum(nums []int, target int) [][]int { // 四元组, ......
之和 LeetCode 18

[React Typescript] ComponentProps

Blog: https://www.totaltypescript.com/react-component-props-type-helper Get any Prop type from html element: import { ComponentProps } from "react"; t ......
ComponentProps Typescript React

2023.18 星火认知大模型

5月6日,科大讯飞正式发布星火认知大模型,宣布对外开放测试,并发布教育、办公、汽车、数字员工四大行业应用成果。星火大模型在通用能力上支持:多风格多任务长文本生成、多层次跨语种语言理解,泛领域开放式知识问答,情景式思维链逻辑推理,多题型可解析数学能力,多功能多语言代码能力。发布会上直接进行了现场实操, ......
模型 2023.18 2023 18

学系统集成项目管理工程师(中项)系列18b_进度管理(下)

1. 制定进度计划 1.1. 分析活动顺序、持续时间、资源需求和进度制约因素,创建项目进度模型的过程 1.2. 输入 1.2.1. 进度管理计划 1.2.2. 活动清单 1.2.3. 活动属性 1.2.4. 项目进度网络图 1.2.5. 活动资源需求 1.2.6. 资源日历 1.2.7. 活动持续时 ......

嵌入式开发入门-51单片机基础知识(9)- DS18B20

一、DS18B20简介 1、DS18B20是一个数字温度传感器,单总线传输数据,测量温度范围为-45℃-125℃,测量精度可配置为9位,10位,11位,12位,默认配置12位,分别对应0.5℃、0.25℃、0.125℃和0.0625℃。 二、温度测量 1、由于DS18B20通电后,处于空闲状态,不进 ......

react-navigation 页面跳转

使用react-navigation 在进行页面跳转的时候,遇到些问题,现在来总结下,主要是web和android 的差异 react-navigation 页面跳转方法 navigation navigate - 转到另一个屏幕,找出需要采取的操作 replace - 用新屏幕替换当前屏幕 pus ......
react-navigation navigation 页面 react

打卡18

3.6 #include<bits/stdc++.h>using namespace std; int main(){ int i,t,k,a[3]={0}; for(int i=2;i<1000;i++) { t=0;k=i; while(k) { a[t++]=k%10; k/=10; } if ......

react native UIManager.measure 方法废弃 替代

从 React Native 0.63 开始,UIManager.measure 方法已被废弃并计划在未来的版本中移除。 取而代之的是使用 useRef 和 useLayoutEffect 钩子函数, 结合 measure 方法的异步调用实现对组件的测量。 具体实现方法如下: 首先通过 useRef ......
UIManager measure 方法 native react

学系统集成项目管理工程师(中项)系列18a_进度管理(上)

1. 规划项目进度管理 1.1. 为实施项目进度管理制定政策、程序,并形成文档化的项目进度管理计划的过程 1.2. 输入 1.2.1. 项目管理计划 1.2.1.1. 范围基准 1.2.1.2. 其他信息 1.2.2. 项目章程 1.2.2.1. 【19下选43】 1.2.2.2. 项目章程中规定的 ......

2023-04-18-IoU总结

slug: IoU总结 title: IoU总结 author: Runqi Zhao author_title: Backend Developer author_url: https://github.com/runqi-zhao author_image_url: https://github ......
2023 IoU 04 18

代码评审的18个军规

1. 添加必要的注释其实,写代码的时候,没有必要写太多的注释,因为好的方法名、变量名,就是最好的注释。以下就是笔者总结的一些注释规范: 所有的类都必须添加创建者和创建日期,以及简单的注释描述 方法内部的复杂业务逻辑或者算法,需要添加清楚的注释 一般情况下,注释描述类、方法、变量的作用 任何需要提醒的 ......
军规 代码