react项目搭建

如何在 React 应用程序中使用 Chakra UI

ChakraUI是一个用于React的UI库，它提供了一组简单、模块化且易于访问的组件，用于构建快速美观的用户界面。
pxr007·2024-02-02 23:40

哪些UI库支持暗模式？

MaterialUIReactJS的MaterialDesignUI框架在GitHub上拥有超过57,000个星标，具有简单，面向开发人员和可扩展的主题功能。
独立开发者张张·2024-02-02 23:38

Chakra UI：构建 Web 设计的未来

而ChakraUI作为一个基于React的开源组件库，正是为了解决这个问题而诞生的本文将介绍ChakraUI的特点、使用方法以及它在Web开发中的应用场景，帮助读者了解并掌握这个强大的UI组件库。
爱编程的鱼·2024-02-02 23:07

IPFS 和区块链(四) -IPFS图片上传与下载

1.创建react项目cd1127/democreate-react-appipfs_imgcdipfs_imgatom.
花爬满篱笆·2024-02-02 23:02

【React】react组件传参

【React】react组件传参一、props：父组件向子组件传参1、将普通的参数作为props传递2、将jsx作为props传递（组件插槽）二、自定义事件：子父组件向父组件传参三、context进行多级组件传参四
香菜啵子欸·2024-02-02 23:45

【React】memo()、useCallback()、useMemo()的区别及使用场景

介绍React中三个hooks方法memouseCallbackuseMemo的作用及使用场景示例一、React.memo()：用来控制函数组件的重新渲染，将组件作为参数，函数的返回值是一个新的组件。
香菜啵子欸·2024-02-02 23:44

基于webpack Code Splitting实现react组件的按需加载

webpack作为当下最为流行的模块打包工具，成为了react、vue等众多热门框架的官方推荐打包工具。其提供的CodeSplitting（代码分割）特性正是实现模块按需加载的关键方式。
weixin_33949359·2024-02-02 23:43

从源码全面剖析 React 组件更新机制

React把组件看作状态机(有限状态机),使用state来控制本地状态,使用props来传递状态.前面我们探讨了React如何映射状态到UI上(初始渲染),那么接下来我们谈谈React时如何同步状态到UI
短暂又灿烂的·2024-02-02 23:43

前端实现弹小球功能

import{useEffect,useState}from"react";const
卡卡舅舅·2024-02-02 23:12

react hooks父子组件的代码执行顺序

/***reacthooks代码的执行顺序：*1.先要了解js的事件循环机制，了解主线程，任务队列，宏任务，微任务*2.先执行父组件的主线程代码，再执行子组件的主线程代码；*3.先执行子任务的useEffect
蓝冰凌·2024-02-02 23:41

React实现组件扩展机制

在java中，SPI机制是Java中提供的一种服务发现机制。同样，前端也很需要这种机制，这样可以做到组件可插拔，可替换，减少相互冗余。快速使用1.扩展点使用通过使用Extension组件定义扩展点，通过name标记扩展点。functionApp(){return();}2.扩展点定义在约定的init文件中，配置自定义的扩展点。import{extensionManager}from"./exten
卡卡舅舅·2024-02-02 23:10

React中组件的props属性传递机制

React中组件的属性传递机制，由父组件传递给子组件，不能跨级传递。当有多个组件嵌套时，从最外层的祖先组件的props开始，依次向其后代组件传递props。
清颖~·2024-02-02 23:10

【React 进阶】类组件之生命周期钩子详解「基于 React 16.4」

时隔一年半之久再次重新学习React，好多都还是原来的样子，这次我要重新开启React的大门，希望各位小伙伴可以一起讨论学习呦～前言今天我们开启第二个专题：React中生命周期钩子的使用。
八了个戒·2024-02-02 22:25

docker安装配置nginx部署react项目

1.下载镜像dockerpullnginx2.创建挂载目录mkdir-p/data/nginx/{conf,conf.d,html,logs}3.创建配置文件在目录/data/nginx/conf下创建nginx.confusernginx;worker_processes1;error_log/var/log/nginx/error.logwarn;pid/var/run/nginx.pid;e
whalekkk·2024-02-02 20:21

react父子组件通信案例

父组件：App组件子组件：Search组件、List组件案例需求：文本框中输入关键词，点击搜索按钮后，下方列表展示出搜索结果实现思路：子组件Search组件向父组件App传递状态（状态包括：是否为第一次打开页面isFirst、是否处于加载中isLoading、搜索出来的列表结果users、请求相关的错误信息err）解决方案：想要实现子向父传递状态，可以采取父向子传递一个方法，然后子中通过this.
小小白学计算机·2024-02-02 20:17

react——组件通信

组件通信分为父子组件之间的通信和非父子之间的通信，在父子组件通信中用到的是父传子（传递数据），字传父（传递方法），类组件多了个this，函数组件则不需要this。非父子组件通信，跨域的比较大，组件层级嵌套比较多，因此相对来说会比较复杂，但是也有方式来实现：状态提升（中间人模式，前提是必须是亲兄弟，关系复杂后不适用），发布订阅者模式（实际开发中用redux），context状态树传参（官方方法）一、
夏*想想·2024-02-02 20:15

react实现组件通信的案例

当使用React构建应用程序时，组件通信是一个重要的话题。
KingDol_MIni·2024-02-02 20:12

SpringIOC之support模块PostProcessorRegistrationDelegate

可提供微服务项目搭建与毕业项目实战，博主也曾写过优秀论文，查重率极低，在这方面有丰富的经验✌博主作品：《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL
卡布奇诺-海晨·2024-02-02 20:11

“type-check“ exited with 1.

可提供微服务项目搭建与毕业项目实战，博主也曾写过优秀论文，查重率极低，在这方面有丰富的经验✌博主作品：《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL
卡布奇诺-海晨·2024-02-02 20:11

vue3+ts+vite+pinia 项目搭建

1.起始，项目搭建yarn创建项目yarncreatevitepnpm安装依赖（如果没有可以用npm）//mac安装pnpmsudonpmi-gyarn//安装依赖pnpmi//启动项目yarndev/
hjseo_seg·2024-02-02 20:40

Error: Projects must list all files or use an ‘include‘ pattern.

可提供微服务项目搭建与毕业项目实战，博主也曾写过优秀论文，查重率极低，在这方面有丰富的经验✌博主作品：《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL
卡布奇诺-海晨·2024-02-02 20:09

react+ts

1.概念React和TypeScript集合使用的重点集中在存储数据/状态有关的Hook函数以及组件接口的位置，这些地方最需要数据类型校验2.使用Vite创建项目Vite是前端工具链工具，可以帮助我们快速创建一个
jiojio在学习勒·2024-02-02 19:56

react 之 zustand

zustand可以说是redux的平替官网地址：https://zustand-demo.pmnd.rs/1.安装npmizustand2.基础使用//zustandimport{create}from'zustand'//1.创建store//语法容易出错//1.函数参数必须返回一个对象对象内部编写状态数据和方法//2.set是用来修改数据的专门方法必须调用它来修改数据//语法1：参数是函数需要
jiojio在学习勒·2024-02-02 19:26

react 之 Class API

classAPI就是编写类组件，虽然react官方不在推荐使用，但是一般公司里维护的老项目里还是有的，可以简单了解下1.类组件的基础结构类组件就是通过js里的类来组织组件的代码的1️⃣通过类属性state
jiojio在学习勒·2024-02-02 19:55

React状态管理Zustand简单介绍和使用

Zustand是一个简单且轻量级的状态管理库，适用于React应用程序。它基于React的ContextAPI和Hooks，提供了一种简单的方式来管理共享状态。
KingDol_MIni·2024-02-02 19:54

react 之 UseMemo

count的变化计算斐波那契数列之和，但是当我们修改num状态的时候，斐波那契求和函数也会被执行，显然是一种浪费//useMemo//作用：在组件渲染时缓存计算的结果import{useState}from'react'functionfactorialOf
jiojio在学习勒·2024-02-02 19:23

【笔记】React Native实战练习(仿网易云游戏网页移动端)

/***如果系统看一遍RN相关官方文档，可能很快就忘记了。一味看文档也很枯燥无味，*于是大概看了关键文档后，想着直接开发一个Demo出来，边学边写，对往后工作*开发衔接上能够更顺。这期间肯定会遇到各种各样的问题，所以也算是一个积累*经验的小过程。*/准备工作：直接在前面两篇笔记的项目基础上，然后随便找了个网易云游戏网页（在Google浏览器上打开调试模式，选择手机模式，网易云游戏网页正好有适配移动
!Mortal·2024-02-02 18:29

Vue3+Koa2实现图片上传（不再畏惧）

文章目录一、技术摘要二、图片上传流程概述1.前端2.后端三、项目搭建前端1.初始化Vue后端（koa2）1.全局安装脚手架2.初始化项目3.运行四、开始撸代码1.编写html骨架2.定义回显元素3.编写选择按钮逻辑
勇宝趣学前端·2024-02-02 18:51

发布订阅模式的应用：解决react中复杂层级的数据交互

以自定义事件为调度中心，创建一个EventCenter类，默认导出一个EventCenter实例//调度中心classEventCenter{constructor(){//创建一个事件中心，数据模型：{event:[fn,fn]}this.eventCenter={};}/***订阅事件*eventName{string}订阅事件名称*backFn{Function}收到通知的回调函数**/li
天蒙蒙亮·2024-02-02 16:34

webpack 入门1

npminit-ynpmiwebpackwebpack-cliwebpack-dev-serverhtml-webpack-plugin@babel/corebabel-loader@babel/preset-env@babel/preset-react-D2
天蒙蒙亮·2024-02-02 16:29

详解SkyWalking前端监控的性能指标

实现的方式是引入skywalking-client-js库，这是一个skywalking官方出品的一个前端埋点上报插件，支持React,Angular,Vue框架。它有如下功能：提供指标和错误
测试开发Kevin·2024-02-02 16:24

react-native 闪屏

app闪屏是一个常见的需求，今天我们来说一下使用react-native-splash-screen组件实现闪屏功能。
sybil052·2024-02-02 15:28

Vue（二十）：ElementUI 扩展实现表格组件的拖拽行

表格组件必须添加row-key属性，用来优化表格的渲染{{JSON.stringify(tableData.map(d=>JSON.stringify(d)),null,4)}}import{nextTick,reactive
Prosper Lee·2024-02-02 15:00

前后端项目

文章目录1.需求2.项目搭建2.1项目结构图2.2构建聚合工程2.2.1zx-parent父工程2.2.2zx-framework父工程2.2.2.1zx-common工程2.2.2.2zx-mybatisplus
cgblpx·2024-02-02 15:14

BABEL学习总结

Babel是广泛使用的转码器，可将es6转为es5配置文件.babelrc{"presets":["es2015","react","stage-2"],"plugins":[]}presets字段设定转码规则
kayleeWei·2024-02-02 14:59

react 实现点击其他地方，隐藏列表（点击元素外）

弹窗组件可以用ReactPortals实现:react官网createPortal实现步骤：这是一个简单的点击按钮，显示列表。再次点击隐藏。但我的需求是，点击其他地方也隐藏。
崽崽的谷雨·2024-02-02 14:20

MVC & MVVM & ReactiveCocoa

一.MVCModels--负责主要的数据或者操作数据的数据访问层，可以想象Perspn和PersonDataProvider类。Views--负责展示层（GUI），对于iOS环境可以联想一下以UI开头的所有类。Controller/Presenter/ViewModel--负责协调Model和View，通常根据用户在View上的动作在Model上作出对应的更改，同时将更改的信息返回到View上。优
勇敢的_心_·2024-02-02 14:03

React Native Cannot read property ‘map‘ of undefined

学习Reactnative开发中，自定义了一个组件，传参进来了一个数组tabList想读取数组值的时候，tabList.map(item=>item.component)一直报Cannotreadproperty'map'ofundefined
源源源源圆圆·2024-02-02 13:19

10个React状态管理库推荐

本文将为您推荐十款实用的React状态管理库，帮助您打造出高效、可维护的前端应用。让我们一起看看这些库的魅力所在！在前端开发中，状态管理是至关重要的一环。
树上有只程序猿·2024-02-02 13:16

React16源码: React中event事件系统初始化源码实现

event事件系统初始化1）概述react事件系统比较的复杂，它是基于dom的事件系统在dom事件系统上面进行了一个深度的封装它里面的很多实现逻辑都是自由的一套在初始化react-dom的源码的时候，会为
Wang's Blog·2024-02-02 13:15

React16源码: React中event事件监听绑定的源码实现

event事件监听1）概述在react-dom代码初始化的时候，去注入了平台相关的事件插件接下去在react的更新过程绑定了事件的操作，在执行到completeWork的时候对于HostComponent
Wang's Blog·2024-02-02 13:15

react native错误记录

第一次运行到安卓失败Couldnotfindimplementationclass'com.facebook.react.ReactRootProjectPlugin'forplugin'com.facebook.react.rootproject'specifiedinjar
不努力code·2024-02-02 13:13

RabbitMQ入门

文章目录一、项目搭建1.idea项目搭建java项目2.引入依赖3.配置文件二、MQ简单模式1.publisher代码2.consumer代码三、总结构建项目的简单步骤总结如下：一、项目搭建1.idea
陈年小趴菜·2024-02-02 13:39

2019-07-12 React（高阶组件HOC、context、Redux）

1、高阶组件就是一个函数，传给它一个组件，它返回一个新的组件。高阶组件的作用其实不言而喻，其实就是为了组件之间的代码复用。组件可能有着某些相同的逻辑，把这些逻辑抽离出来，放到高阶组件中进行复用。高阶组件内部的包装组件和被包装组件之间通过props传递数据。它其实就是设计模式里面的装饰者模式。它通过组合的方式达到很高的灵活程度。2、image.png3、一个组件可以通过getChildContext
柳叁叁·2024-02-02 13:41

Vue3 + vite + Ts + computed（计算属性） 和 watch（侦听器）的简单使用方法

简单使用方法，实例代码如下：import{ref,reactive,computed}from'vue'//计算总价格，通过computed计算属性来计算consttota
W.Y.B.G·2024-02-02 13:39

AJAX-入门

定义概念：AJAX是浏览器与服务器进行数据通信的技术使用1.先使用axios库，与服务器进行数据通信1）基于XMLHttpRequest封装、代码简单、月下载量在14亿次2）Vue、React项目中都会用到
小沐°·2024-02-02 12:17

immutable的作用和在react中的应用

有人说Immutable可以给React应用带来数十倍的提升，也有人说Immutable的引入是近期JavaScript中伟大的发明，因为同期React太火，它的光芒被掩盖了。
Yong_bcf4·2024-02-02 11:16

react-lazyload 的介绍、安装、使用。

目录基本介绍安装使用基本使用详细属性基本介绍react-lazyload是一个React组件，用于延迟加载（懒加载）页面上的图片或其他资源。
大聪明码农徐·2024-02-02 09:24

react-photo-view 的介绍、安装、使用。

目录基本介绍安装使用基本介绍react-photo-view是一个基于React的图片查看器组件，用于在网页上展示和浏览图片。该组件提供了用户友好的界面和交互，可以轻松地在应用程序中集成并使用。
大聪明码农徐·2024-02-02 09:24

介绍一个.Net反混淆工具

de4dot是目前最主流的反混淆工具，它使用dnlib来读取和写入程序集可解密以下工具混淆过的.NET代码，如Xenocode、.NETReactor、MaxtoCode、Eazfuscator.NET
天天进步2015·2024-02-02 08:03
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他