react

【React-Native】自定义Drawer(抽屉)动画组件

自己实现一个简单的抽屉组件因为业务需要实现侧滑抽屉菜单，看了一眼项目中封装的DrawerLayout组件,便直接引用准备使用，但是使用后却发现并没有理想中的动画效果，便打开组件代码看了一眼，发现之前的作者是直接用Modal写的，然后在modal里写了一个蒙层和一个View容器:大概布局为：{此处作为蒙层，点击关闭抽屉用}{this.props.children}总之组件似乎写法有问题，只有弹框没有
small_Axe·2024-02-03 10:31

react-navigation 侧滑DrawerNavigation 无法正常打开

navigation.navigate(‘DrawerOpen’);无法正常打开侧滑原因：官网已修改原文档可通过以下方法打开this.props.navigation.openDrawer();this.props.navigation.closeDrawer();this.props.navigation.toggleDrawer();
a136447572·2024-02-03 10:01

react 之 useInperativeHandle

useInperativeHandle是通过ref暴露子组件中的方法1.场景说明-直接调用子组件内部的方法import{forwardRef,useImperativeHandle,useRef}from"react
jiojio在学习勒·2024-02-03 10:28

【react】如何拦截第三方插件自发的请求

我们需要猜测一下，第三方是用什么方式请求的：一般是第1种。1、使用原生的XMLHttpRequest//创建一个原始的XMLHttpRequest对象constoriginalXhrOpen=XMLHttpRequest.prototype.open;XMLHttpRequest.prototype.open=function(method,url,async,user,password){//在
hzxOnlineOk·2024-02-03 09:14

React项目解决跨域问题

前言跨域问题可以说是前后端分离项目中经常面对的问题，事实上解决跨域问题的方法也有很多种，本篇文章将针对React项目在开发以及部署到Nginx服务器后如何解决跨域问题进行讲解，希望对大家有所帮助。
moutory·2024-02-03 09:27

2023年哪个前端框架用的最多?用数据说话

前端框架ReactReact每月平均下载量8500w左右，2023年累计下载量：1,025,630,896（10.2亿+）。NextNext.js每月平均下载量2000w左右
白帽子Elliot·2024-02-03 09:20

前端 UI 框架怎么选？

目前最主流的三大框架Angular、React、Vue仍然是使用人数最多的，他们有什么特点，还有什么好用的前端框架吗？该如何选择适合自己的呢？
LLI025·2024-02-03 09:20

React集成react-activation，实现页面缓存

安装yarnaddreact-activationdemo1import{KeepAlive,useActivate,AliveScope}from'react-activation';functionCounter
TPCheng·2024-02-03 08:15

大模型ReAct智能体开发实战

我们将重点关注一种名为ReAct的常见代理类型，它使用LLM作为其主要引擎来分解任务、推理并适当地使用特定的工具集。你可以在本文中阅读有关ReAct框
新缸中之脑·2024-02-03 08:44

Vue3中ref和reactive的用法和区别

这就需要使用ref和reactive。两者的区别：ref⽤来定义：基本类型数据reactive⽤来定义：对象、或数组类型的数据备注：ref也可以⽤来定义对象或数组类型数据，它内部会⾃动通过
浮生若梦777·2024-02-03 08:14

React18构建Vite+Electron项目以及打包

一.先创建项目cnpmcreatevite选择React=>JavaScript=>cdreact_vite=>cnpmi=>npmrundev二.安装Electron依赖指定版本相对稳定cnpmielectron
m0_63701303·2024-02-03 08:12

React16源码: React中event事件触发的源码实现

概述在之前事件绑定时，绑定的是两个方法一个是dispatchInteractiveEvent另外一个dispatchEvent其实它们调用的方法都是差不多的，一开始会有一点小的区别2）源码定位到packages/react-dom
Wang's Blog·2024-02-03 08:41

react利用react-activation实现子路由缓存

1.下载依赖yarnaddreact-activation2.父路由里的代码importReact,{FunctionComponent,cloneElement}from'react'importStylesfrom
QingHan_wow·2024-02-03 08:10

react 之 react.forwardRef

react.forwardRef使用ref暴露DOM节点给父组件1.使用场景import{forwardRef,useRef}from"react"//子组件//functionSon(){//return
jiojio在学习勒·2024-02-03 08:38

react-activation实现缓存，且部分页面刷新缓存，清除缓存

1.安装依赖npmi-Sreact-activation2.使用AliveScope包裹根组件import{AliveScope}from"react-activation"}/>3.缓存组价或者路由缓存组件
manda Liu·2024-02-03 08:08

深入理解网络编程之BIO和NIO

NIO和BIO的主要区别阻塞与非阻塞IONIO之Reactor模式NIO中Reactor模式的基本组成部分NIO代码实现原生JDK网络编程BIOBIO意为BlockingI/O，即阻塞的I/O。
山鸟与鱼！·2024-02-03 08:37

❤ React18 环境搭建项目与运行（地址已经放Gitee开源）

❤React项目搭建与运行环境介绍nodev20.11.0react18.2react-dom18.2.0一、React环境搭建第一种普通cra搭建1、检查本地环境node版本18.17.0检查node
林太白·2024-02-03 07:04

【JS】基于React的Next.js环境配置与示例

°★这篇文章主要介绍基于React的Next.js环境配置与示例。学其所用，用其所学。——梁启超欢迎来到我的博客，一起学习，共同进步。
DevFrank·2024-02-03 06:20

rn 多选按钮和单选按钮

多选按钮：react-native-flexi-radio-buttonimport{RadioGroup,RadioButton}from'react-native-flexi-radio-button'this.setState
米开朗骑騾·2024-02-03 06:40

【Vue3+Vite】Vue3视图渲染技术 快速学习 第二期

1.1插值表达式和文本渲染1.1.1插值表达式语法1.1.2文本渲染语法1.2Attribute属性渲染1.3事件的绑定二、响应式基础2.1响应式需求案例2.2响应式实现关键字ref2.3响应式实现关键字reactive2.4
道格维克·2024-02-03 06:16

半天学会RxJava的简单使用

参考文章：https://www.jianshu.com/p/031745744bfa1.准备安装依赖compile'io.reactivex.rxjava2:rxjava:2.0.2'compile'io.reactivex.rxjava2
reaiya·2024-02-03 05:12

React 生命周期

1初始化阶段componentWillMount:render之前最后一次修改状态的机会render:只能访问this.props，this.state不允许修改状态和DOM输出componentDidMount:执行render成功并渲染完成真实dom之后出发，可以修改dom.2运行中阶段componentWillReceiveProps:父组件修改属性触发shouldComponentUpda
老胡说前端·2024-02-03 03:32

react useCallback(记忆函数）用法

importReact,{useCallback,useState}from'react'const[text,settext]=useState("");exportdefaultfunctionApp
老胡说前端·2024-02-03 03:32

React useEffect使用

第一exportdefaultfunctionApp(){const[name,setname]=useState('huhu')useEffect(()=>{setname(name.substring(0,1).toUpperCase()+name.substring(1))},[name])//[name,age]//可以有多个参数//带参数，第一次默认执行一次，第二次name更新也会执行r
老胡说前端·2024-02-03 03:30

Next.js初识

Next.js初识Next.js：这是一个用于生产环境的React框架（国外用的比较多）。
Jack魏·2024-02-03 03:01

React Native - 01 - Hello World!

ReactNative就像React，但它使用本地组件而不是Web组件作为构建块。因此，要理解ReactNative应用程序的基本结构，您需要了解一些基本的React概念，如JSX，组件，状态和道具。
wanqijian·2024-02-03 02:44

React学习记录

大概一年半之前用过React，后来因为工作的原因再也没有接触到React。前端日新月异，室友（也是同行）的提醒，让我有了更强的危机感，模块化开发已是前端基本技能。
一抹春绿误行程·2024-02-03 02:32

React高级指引学习--深入PropTypes

注意:React.PropTypes自Reactv15.5起已弃用。请使用prop-types库代替。随着应用日渐庞大，你可以通过类型检查捕获大量错误。
overflow_hidden·2024-02-03 01:33

React从零基础入门到实战，完成企业级项目简书网站开发

终于追完整部React剧~全部代码可见GitLab项目地址：https://gitee.com/xxxxxl17/jian-shu-react学习笔记：React从零基础入门到实战，完成企业级项目简书网站开发
Xxxxxl17·2024-02-03 01:09

（原创）Lottie动画使用介绍

可以支持iOS、Android和ReactNative，可实时渲染AfterEffects动画，让应用程序使用动画就像使用静态图像一样轻松。
Android_xiong_st·2024-02-03 00:53

【React】React预览docx文件

React预览docx文件封装DocxView组件，用于显示docx文件的预览，支持加载loading效果安装依赖npmi docx-previewimportReact,{useEffect,useRef
郭_昊·2024-02-03 00:49

【React】前端React 代码中预览展示excel文件

封装了ExcelView来展示excel文件，支持显示loading1.安装依赖npmi@js-preview/excel源码importReact,{useEffect,useRef,useState
郭_昊·2024-02-03 00:48

React中useReducer的使用

文章目录1.概述2.useReducer使用3.使用useReducer完成todolist列表功能1.概述useReducer这个Hooks在使用上几乎跟Redux一模一样，唯一缺点的就是无法使用redux提供的中间件。使用hook函数后，一般情况下，一个组件组中的数据我们可以用useReducer来管理，而不是用redux来完成，redux一般存储公用数据，而不是把所有的数据都存储在里面，re
月光晒了很凉快·2024-02-03 00:57

「React」之useReducer

关于useReducer在React中，useReducer是一个用于管理组件状态的Hook，处理复杂的状态逻辑。
W-MoMo·2024-02-03 00:26

react 之 UseReducer

UseReducer作用:让React管理多个相对关联的状态数据import{useReducer}from'react'//1.定义reducer函数，根据不同的action返回不同的新状态functionreducer
jiojio在学习勒·2024-02-03 00:24

react 之 react.memo

React.memo作用：允许组件在props没有改变的情况下跳过重新渲染组件默认的渲染机制默认机制：顶层组件发生重新渲染，这个组件树的子级组件都会被重新渲染//memo//作用：允许组件在props没有改变的情况下跳过重新渲染
jiojio在学习勒·2024-02-03 00:24

React中useReducer的理解与使用

这里以简单的语言描述一下useReducer的使用。也可自己查看官方文档（英文）useReducer的使用场景：当一个state需要维护多个数据且它们之间互相依赖。这样业务代码中只需要通过dispatch来更新state，繁杂的逻辑都在reducer函数中了。一、useReducerdemo：functionreducer(state,action){//...}const[state,dispa
清颖~·2024-02-03 00:24

Reducer 和 Context实现简单的Redux

Reducer和Context的结合提供了一种简单而有效的状态管理解决方案，尤其适用于中小型React应用程序。它们消除了Redux中的一些模板代码和配置，使得代码更加简洁和易于理解。
雾岛听风来·2024-02-03 00:23

开发跨平台APP，是用Flutter还是React Native开发框架？

随着移动互联网的飞速发展，对于开发人员而言，如何快速地开发出兼容不同平台（iOS、Android）的应用，成为了一个重要的问题。跨平台应用程序开发框架的好处：1.一个App适用于多个设备；2.一个App适用于多个平台；3.一个App可以在多个应用商店中发布；4.只需编写一次代码；5.代码可以跨平台复用；6.市场分析与测试；7.快速成型；8.快速开发；9.无缝产品维护；10；统一性、均匀性；今天有许
AdSet聚合广告平台·2024-02-03 00:23

如何在 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
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他