react 18

1. 安装插件 npm install pubsub-js --save-dev 2. 在需要发布消息的组件引入使用 import pubsub from 'pubsub-js'; ... // 发布消息 pubsub.publish('name','hello world') 3. 在需要订阅消息 ......

// 动态类名 <div className={flag?'class1':'class2'}>111</div> // 多类名 <div className={[flag?'class1':'class2','class3','class4'].join(' ')}>111</div> ......

1. useRef和useState类似，都是用来更新数据，但是useRef更新数据是同步的 useRef返回一个对象，初始化数据保存在current字段下 import {useRef} from 'react'; const data = useRef(0); const obj = useRe ......

1. 在类组件中，数据保存在state中，更新数据使用setState setState有两种用法 函数式 state={ count:0 } ... setState(state=>(count:state.count+1)) 对象式 state={ count:0 } ... setState( ......

1.准备用到的数据 import React, { useContext, useState } from 'react'; import PropTypes from 'prop-types'; import { useLocation } from 'react-router-dom'; // ......

目录 1. 组件通讯-概念 1.组件的特点 2.知道组件通讯意义 总结： 2. 组件通讯-props 基本使用 1.传递数据和接收数据的过程 2.函数组件使用 props 3.类组件使用 props 总结： 3. 组件通讯-props 注意事项 1.知道什么是单向数据流？ 2.props 可以传递什 ......

一、类组件(有状态组件) 有props.控制状态state,可以试用生命周期函数 1. 类名称必须以大写字母开头 2. 类组件必须继承React.Component父类，从而可以使用父类中提供的方法或属性 3. 类组件必须提供render()方法 4. render()方法必须要有返回值 impor ......

前端国际化学习 前端国际化是很多地方都能用到的,今天学习一下用 vue3 + vite + ts + vue-i18n 插件来开发前端国际化项目 安装插件 vue-i18n npm install vue-i18n 创建翻译文件 -在 src 目录下新增 lang 目录,存放多语言文件 -这里简单创 ......

React-router v6 路由总结 组件 BrowserRouter：整个前端路由以 history 模式开始，包裹根组件 HashRouter：整个前端路由以 hash 模式开始，包裹根组件 Routes：类似于 v5 版本的 Switch，主要是提供一个上下文环境 Route：在 Rout ......

虚拟机Ubuntu 18.04LTS的安装 Windows PC 应具有超过 12GB 的可用硬盘空间，用于在 VM 上安装 VM 和所有必需的软件 1. 安装虚拟机 安装Oracle Virtualbox(www.virtualbox.org) 下载系统镜像Ubuntu18.04LTS(https ......

react-text-loop-next An animated loop of text nodes for your headings. Uses react-motion for the transition so it handles super fast animations and sp ......

react管理状态的工具： 1、利用hooks进行状态管理； 2、利用Redux进行状态管理，这种方式的配套工具比较齐全，可以自定义各种中间件； 3、利用Mobx进行状态管理，它通过透明的函数响应式编程使得状态管理变得简单和可扩展。 2013 年 5 月 React 诞生。但 2015 年之前，大概 ......

## ......

react native 储备知识 扎实的JS基础+React相关知识 核心组件 创建项目： npm uninstall -g react-native-cli @react-native-community/cli npx react-native init AwesomeProject 使用示例 ......

sudo sed -i "s@http://.*archive.ubuntu.com@http://repo.huaweicloud.com@g" /etc/apt/sources.list sudo sed -i "s@http://.*security.ubuntu.com@http://rep ......

题目描述： 给你一个由 n 个整数组成的数组 nums ，和一个目标值 target 。请你找出并返回满足下述全部条件且不重复的四元组 [nums[a], nums[b], nums[c], nums[d]] （若两个四元组元素一一对应，则认为两个四元组重复）： 0 <= a, b, c, d < ......

1. 什么是Elasticsearch Elasticsearch 是位于 Elastic Stack 核心的分布式搜索和分析引擎。Logstash 和 Beats 有助于收集、聚合和丰富您的数据并将其存储在 Elasticsearch 中。Kibana 使您能够以交互方式探索、可视化和分享对数据的 ......

import React, { Component } from 'react' import ReactDOM from 'react-dom/client' import { nanoid } from 'nanoid' const root = ReactDOM.createRoot(docu ......

1 ➢ ASP-数据库-MDB默认下载 ➢ ASP-数据库-ASP后门植入连接 ➢ ASP-中间件-IIS短文件名探针-安全漏洞 ➢ ASP-中间件-IIS文件上传解析-安全漏洞 ➢ ASP-中间件-IIS配置目录读写-安全配置 ......

import {useRef,} from 'react';function usePersistFn(fn) { const fnRef = useRef(fn); fnRef.current = fn; const persistFn = useRef(); if (!persistFn.cur ......

推荐阅读 000-从零开始的数据结构与算法 001-01-ksum 求符合条件的 k 个数 1. Two Sum/15. 3Sum/18. 4Sum/ 002-两数相加 add two numbers 003-无重复字符的最长子串 Longest Substring Without Repeatin ......

一、React 是什么 React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。 1.1、React的优点 采用组件化模式，声明式编程（ react是面向数据编程，不需要 ......

并发爬虫之协程实现 协程，又称微线程，纤程。英文名Coroutine。一句话说明什么是线程：协程是一种用户态的轻量级线程。 协程拥有自己的寄存器上下文和栈。协程调度切换时，将寄存器上下文和栈保存到其他地方，在切回来的时候，恢复先前保存的寄存器上下文和栈。因此： 协程能保留上一次调用时的状态（即所有局 ......

React Native Elements开发环境 & 生成项目 & 虚拟机调试 & 本地生成APK档 & 虚拟机运行APK档 1.0 Argon creative-tim UI https://demos.creative-tim.com/argon-pro-react-native/?_ga=2 ......

15.三数之和 (opens new window)的双指针解法是一层for循环num[i]为确定值，然后循环内有left和right下标作为双指针，找到nums[i] + nums[left] + nums[right] == 0。 四数之和的双指针解法是两层for循环nums[k] + nums ......

nb ......

Flutter、UniApp 和 React Native 都是现代的跨平台移动应用开发框架，它们都有自己的优势和适用场景。以下是它们的对比分析： Flutter Flutter 是一个由 Google 推出的移动应用开发框架，使用 Dart 语言编写。Flutter 具有高度的可定制性和丰富的 U ......

## ......

## ......

https://www.bilibili.com/video/BV1jg4y1x7yD/?spm_id_from=333.337.search-card.all.click&vd_source=caabcbd2a759a67e2a3de8acbaaf08ea ......