react 18

37款传感器与执行器的提法，在网络上广泛流传，其实Arduino能够兼容的传感器模块肯定是不止这37种的。鉴于本人手头积累了一些传感器和执行器模块，依照实践出真知（一定要动手做）的理念，以学习和交流为目的，这里准备逐一动手尝试系列实验，不管成功（程序走通）与否，都会记录下来—小小的进步或是搞不掂的问 ......

``` sudo apt update sudo apt install mysql-server sudo systemctl status mysql sudo mysql ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_pa ......

1. React组件定义 1.1 函数组件（Function Components） 函数组件是一种简单的定义组件的方式，通过一个JavaScript函数来定义组件。函数接收一个props对象作为参数，并返回一个React元素作为输出。 1 <!-- 准备好一个“容器” --> 2 <div id= ......

React Navigation是React社区自己维护的导航的解决方案。文档参见：https://reactnavigation.org/docs/getting-started 常见的几种类型的navigation如下：1. Tab菜单： 参见https://reactnavigation.or ......

尽管写过 outlet 路由的配置。 考虑到 token 判定和 路由页 变更，我不了解v6是不是有更详解的做法。 决定调一下配置，期望 在任何页面异步更新时，token 都可以在跳转前 被检测到，防止无 token 跳转发生。 为 src 文件配置 v6版本：路由子组件 App.js ``` im ......

1.先获取当前要监听的那个组件的ref import React, { useRef } from 'react'; // 类组件获取 this.Ref = React.createRef(); // 函数组件获取 const Ref = useRef(); 2.通过addEventListener ......

为了更好地分类阅读 52im.net 总计1000多篇精编文章，我将在每周三推送新的一期技术文集，本次是第18 期。 [- 1 -] IM系统的MQ消息中间件选型：Kafka还是RabbitMQ？ [链接] http://www.52im.net/thread-1647-1-1.html [摘要]  ......

## 前言 之前写react的时候 路由真的是难用，这次更新后，极为好用！ ## 嵌套路由  main.jsx ```j ......

之前写了两个 `demo` 讲解了如何实现 `SSR` 和 `SSG`，今天再写个 `demo` 说在 `ISR` 如何实现。 ## 什么是 ISR `ISR` 即 `Incremental Static Regeneration` 增量静态再生，是指在 `SSG` 的前提下，可以在收到请求时判定页 ......

> "Liu, Kang, Brendan Dolan-Gavitt, and Siddharth Garg. "Fine-pruning: Defending against backdooring attacks on deep neural networks." Research in Att ......

虽然是假期，但是由于小学期的开展仍然待在学校没有回老家，期末考试的成绩也已经差不多都下来了，同时数据结构的小学期也开展的差不多了，接下来说一说这几天都干了什么以及学了什么。 先说一说干了什么吧，小学期时候也没有什么课，主要的课程任务就是程序设计，这一周我和我的团队完成了第一阶段的程序设计，同时我也开 ......

## useRef简单介绍 ```javascript const refContainer = useRef(initialValue); ``` useRef 返回一个可变的 ref 对象，其 .current 属性被初始化为传入的参数（initialValue）。返回的 ref 对象在组件的整 ......

一、React Hook（部分） 1.useEffect useEffect 用于处理组件中的 effect，通常用于请求数据，事件处理，订阅等相关操作。 1.当 useEffect 没有第二个参数时，useEffect 会不停的调用 2.当 useEffect 第二个参数为空数组时，仅在组件挂载和 ......

我暂时遇到了两种情况。 ### 第一种情况：useImperativeHandle函数写错 useImperativeHandle的第二个参数的返回值是作为ref.current的值，但是我写箭头函数写快了，忘记返回值了。 ``` useImperativeHandle(ref, () => {fo ......

我们将深入探讨组织项目文件夹结构的关键方面。 关键是保持清晰且有组织的结构，以便轻松查找和管理文件。 精心设计的文件夹结构对于维护干净且可扩展的代码库、改善团队成员之间的协作以及提高整体开发效率至关重要。 React项目中常用的文件夹结构有多种类型，包括基于组件的结构、 基于特征的结构和基于领域的结 ......

我们将探讨组件结构的重要性以及它如何有助于创建高度可重用、模块化且易于维护的组件。 在 React 中构建可重用和可维护的组件不仅仅是编写代码；还需要编写代码。它涉及采用最佳实践并遵循合理的架构原则。 通过仔细构建我们的组件，遵守单一职责原则，并采用原子设计和组件组合等概念，我们可以创建更加模块化、 ......

我们将深入探讨命名约定的关键主题，以及它们如何作为 React 中干净且可维护的代码的基础。 命名约定在提高代码可读性、可维护性、组织和通信方面发挥着至关重要的作用。它们有助于创建一个有凝聚力和结构化的代码库，该代码库更易于使用、减少错误并促进开发人员之间的协作。 在这一部分中，我们将特别关注 Re ......

Unpoly 是一个轻量级的 JavaScript 框架，它允许您通过 HTML over the wire 的方式进行 Web 应用程序开发。HTML over the wire 是一种网络通信模式，它将由服务器生成的 HTML 片段作为响应发送给客户端，而不是传统的 JSON 数据。这样，服务器 ......

准时的周记 6.19~6.26 记录一下本周的考研进度情况 英语 本周继续单词的复习。 数学 数学方面，本周结束了基础30讲的所有学习内容，并且完成二刷，进行了一次模拟考试，考的不是很理想，希望强化阶段再接再厉 专业课 本周操作系统复习到了pv操作的部分。 其他 本周因为宿舍搬迁的原因，所以学习进度 ......

今日学习java的异常处理，了解了多try，catch，以及单try多catch（需注意子类在上父类在下）异常捕获的方法。同时也学习了React框架，该框架确实比较好用但上手难度较高，需理解其组件化原理，改框架涉及ES6比较深，需加强js或ts的学习。 ......

官网有一个例子： const user = { name: 'Hedy Lamarr', imageUrl: 'https://i.imgur.com/yXOvdOSs.jpg', imageSize: 90, }; export default function Profile() { retur ......

### 一、安装PostgreSQL #### 1、添加库 ``` sudo add-apt-repository "deb https://apt.postgresql.org/pub/repos/apt/ trusty-pgdg main" ``` #### 2、添加key ``` wget - ......

## Create React App ```shell npx create-react-app my-app cd my-app npm start ``` ## 跨域 [参考文档](https://create-react-app.dev/docs/proxying-api-requests- ......

使用对象 JavaScript 的设计是一个简单的基于对象的范式。一个对象就是一系列属性的集合，一个属性包含一个名和一个值。一个属性的值可以是函数，这种情况下属性也被称为方法。除了浏览器里面预定义的那些对象之外，你也可以定义你自己的对象。本章节讲述了怎么使用对象、属性、函数和方法，怎样实现自定义对象 ......

index.js ``` import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; const root = ReactDOM.createRoot(document.ge ......

### 一、卸载Mysql #### 1、查询是否安装 使用 `dpkg --list|grep mysql` 命令查看是否安装mysql，当什么都没有返回时，表示系统没有安装mysql。 ### 二、安装MySQL8.0 #### 1、下载存储库软件包： 默认下载到当前路径，可以指定下载路径 `` ......

### 一、创建虚拟机 - 新建虚拟机  - 下一步即可 ![image](https://img202 ......

​ 概述 这是一篇 React 在 kintone 上的实战，我们需要利用看板和甘特图来来强化项目管理 app。另外这次用到了 webpack，想了解基本配置思路的可以看这里 项目地址 GitHub - kintone-samples/SAMPLE-kintone-ganttchart-kanban ......

### 简介 Hook 在 class 内部是不起作用的。但你可以使用它们来取代 class 。 Hook 是一个特殊的函数，它可以让你“钩入” React 的特性。例如，useState 是允许你在 React 函数组件中添加 state 的 Hook。 如果你在编写函数组件并意识到需要向其添加一 ......

==哈夫曼（Huffman）编码==算法是基于二叉树构建编码压缩结构的，它是数据压缩中经典的一种算法。算法根据文本字符出现的频率，重新对字符进行编码。 首先请大家阅读下面两段中外小学作文： 中国- 今天天气晴朗，我和小明出去玩！小明贪玩，不小心摔了一跤，小明被摔得哇哇哭了，小明的爸爸闻声赶来，又把小 ......