react学习之旅第6页

react常用 Hooks

ReactHooks是React16.8引入的一项功能，它允许你在函数组件中使用状态和其他React特性，而不需要编写类组件。

_耀北·2024-08-30 19:57

React-Router 安装及使用

安装yarnaddreact[email protected]引入核心路由器组件import{BrowserRouter,HashRouter}from'react-router-dom'BrowserRouter

书生丶·2024-08-30 15:16

vue3+vite 实现动态引入某个文件夹下的组件 - glob-import的使用

/components/BarChart.vue';constcurrentActive=ref('UserForm')constmyComponents=reactive

陌上烟雨寒·2024-08-30 14:51

关于 Vue/React 的 cli 中运用 webpack 打包的原理简单解析

webpack、webpack-cli的打包关于webpack对前端工程中进行资源文件进行打包处理的过程中，运用到的核心插件主要是webpack和webpack-cli，在react和vue对于打包各自工程中的

F-125·2024-08-30 12:41

react 样式和vue样式的区别

区别一：react：一个页面通常分为2个组件，js或者jsx+css文件。

资深前端之路·2024-08-30 12:11

2024React前端面试题

1.Diff算法Diff算法比较过程第一步：patch函数中对新老节点进行比较如果新节点不存在就销毁老节点如果老节点不存在，直接创建新的节点当两个节点是相同节点的时候，进入patctVnode的过程，比较两个节点的内部第二步：patchVnode函数比较两个虚拟节点内部如果两个虚拟节点完全相同，返回当前vnode的children不是textNode，再分成三种情况-有新children，没有旧c

司宁·2024-08-30 12:41

【面试题】2024前端面试真题_中国电信前端面试(1)

字节跳动一面（过了）手写代码实现一个reactmemo效果，react.meno第二个参数是什么pureComponent手写代码实现一个有状态的倒计时浏览器强缓存，cacle-control有哪些字段浏览器缓存原理微信原生小程序性能指标有没有看过

2401_84437604·2024-08-30 12:05

React Hooks的优势

ReactHooks是React16.8版本引入的一个全新特性，它允许你在不编写类的情况下使用state和其他React特性。

那维莱特·2024-08-30 10:57

Spring Boot 和 React 文件上传与下载教程

在本教程中，你将学习如何使用SpringBoot构建文件上传和下载的后端功能，以及使用React实现前端界面。示例中还包括文件预览的功能。

DZSpace·2024-08-30 09:19

Vue3初识

利用vite创建vue3项目npminitvite-appprojectName安装依赖运行项目：cdprojectNamenpminstallnpmrundev数据双向绑定必须要使用ref,reactive

冲锋敢死曾小贤·2024-08-30 07:00

vue3+element-plus实现table表格整列的拖拽

candy0521/article/details/136470284一、为防止原文章不见了将参考文章代码拷过来了（不好意思）：这是参考文章的代码可直接复制粘贴运行import{nextTick,onMounted,reactive

不恰香菜辣baga·2024-08-30 00:48

APRIL 14TH–20TH 2018 -3

30ScienceandtechnologySpreadinglifetothegalaxy:LongshotsEvenlookingintotakingsmall,simpleanimalssuchastardigradesalongtoseehowtheyreacttothejourneyisdeemedtoocontroversialforNASA

monkey_y·2024-08-29 22:03

react面试题十

一、React中的ContextAPI有什么作用？React中的ContextAPI是React提供的一种在组件树之间共享数据的方法，而无需在每个层级手动地通过props传递。

笃励·2024-08-29 22:36

vue3+ts+canvas项目中图片进行矩形批注

看效果：废话不多说直接上代码删除import{ref,reactive,onMounted}from"vue";constflag=ref(false);co

嘴巴嘟嘟·2024-08-29 22:34

如何使用React-Lottie将动画添加到React应用

介绍(Introduction)AdobeAfterEffectscanbeanintuitivewaytogeneratewebanimations,buttherehashistoricallybeenproblemsconvertingtheseanimationstowebapps.Itisusuallynecessarytouseathirdpartyprogramtoimportana

cukw6666·2024-08-29 21:02

考研备考是选择电子学习工具无纸化学习？还是纸质版训练考感？

在当今数字化时代，我们面临着一个关键的抉择：是延续传统的纸质版资料学习，还是投身于电子学习工具的怀抱，开启无纸化学习之旅呢？

zhanger0807·2024-08-29 16:56

react项目登录使用验证码

react项目登录使用验证码imgSrc的格式是base64{this.state.imgSrc?

人鱼小姐ww·2024-08-29 15:21

React Native for Arcgis 地图开发 MapView 使用（四）

对于地图调用import{MapView}from'@haibalai/react-native-arcgis';classMainMapViewextendsReact.Componentrender

haibalai·2024-08-29 09:19

简单工作流（后端部分-spring boot，顺便优化了下ui）

整个项目我丢到github上去了，需要copy的可以直接去githubhttps://github.com/liaoyuecai/demo前端部分目录在：/react/antd-pro-demo/src

liaoyuecai·2024-08-29 07:01

Vue2.X是如何利用Object.defineProperty()实现数据绑定的

首先把Vue中的核心方法defineReactive做一些简化functiondefineReactive(obj,key,val,cb){vardep=newDep();Object.define

伯约同学·2024-08-29 07:41

【React】React事件和HTML事件的区别

React写法测试HTML写法测试区别ReactHTML原生事件绑定方式小驼峰命名法，事件处理函数通过JSX语法直接绑定全小写形式定义事件处理函数函数引用内联的字符串表达式事件对象基于Event重写的SyntheticEvent

田本初·2024-08-29 06:51

Spring Cloud全解析：网关之GateWay简介

springcloud自己研发了一套网关gateway，提供一种简单有效的方式来对API进行路由，以及提供一些强大的过滤器功能，如：熔断、限流、重试等，基于WebFlux框架实现的，底层使用了高性能的Reactor

拾光师·2024-08-29 05:45

SpringCloudGateway重写负载均衡策略

实现Gateway有两种客户端负载均衡器，LoadBalancerClientFilter和Reactiv

JAVA程序猿成长之路·2024-08-29 00:34

React 入门第七天：探索状态管理与Context API

在React学习的第七天，我深入了解了React的状态管理机制，特别是如何通过ContextAPI来实现跨组件的状态共享。

Caleb-niu·2024-08-28 20:07

React Hook Form：指南与示例

ReactHookForm是一个帮助在React中验证表单的库。它是一个没有其他依赖项的精简库，性能优越，使用简单，开发者可以比使用其他表单库写更少的代码。

YvetteLau·2024-08-28 19:04

推荐：Zustand——简单高效的React状态管理库

杭臣磊Sibley·2024-08-28 19:04

探索Zustand：简洁高效的状态管理新星

探索Zustand：简洁高效的状态管理新星zustandpmndrs/zustand:Zustand是一个轻量级的状态管理库，适用于React应用。

邹卿雅·2024-08-28 19:04

Zustand：让React状态管理更简单、更高效

Zustand这个单词在德语里是状态的意思（发音：促stand）1.下载zustandnpmizustand或者yarnaddzustand2.创建一个storeimport{create}from'zustand'constuseBearStore=create((set)=>({bears:0,increasePopulation:()=>set((state)=>({bears:state.

优雅的大白鹅·2024-08-28 19:03

Vue2+vue-office/excel 实现在线加载Excel文件预览

/vue-office:支持word(.docx)、excel(.xlsx,.xls)、pdf等各类型office文件预览的vue组件集合，提供一站式office文件预览方案，支持vue2和3，也支持React

777VG·2024-08-28 18:27

ref函数与reactive函数的对比

经过之前两篇ref函数和reactive函数我们对于这两种转换响应式数据方法的底层原理都有了一定的了解，因此，我们可以总结一下这两种方式的区别定义数据角度ref既可以用来定义基本数据类型，也可以用来定义对象

白桃味稠鱼烧·2024-08-28 17:51

shallowReactive 与 shallowRef, readonly 与 shallowReadonly

shallowReactive:只处理了对象内最外层属性的响应式(也就是浅响应式)shallowRef:只处理了value的响应式,不进行对象的reactive处理什么时候用浅响应式呢?

大鸡腿最好吃·2024-08-28 17:51

Vue3中的reactive，shallowReactive，ref，shallowRef；readonly，shallowReadonly； toRaw，markRaw简单介绍

reactive：深度劫持（深监视）shallowReactive：浅度劫持（浅监视）ref:深度劫持（深监视），做了reactive的处理shallowRef：不做监视readonly:只读属性的数据

会说法语的猪·2024-08-28 17:21

VUE3-shallowReactive函数与shallowRef函数（14）

当前的x.y值是：{{x.y}}点我替换x点我x.y++

「已注销」·2024-08-28 17:20

react脚手架配置代理总结

react脚手架配置代理总结方法一在package.json中追加如下配置"proxy":"http://localhost:5000"说明：优点：配置简单，前端请求资源时可以不加任何前缀。

ST_MT·2024-08-28 13:02

SpringBoot依赖之Spring Data Redis 一 Hash类型

SpringDataRedis(Access+Driver)功能描述:Advancedandthread-safeJavaRedisclientforsynchronous,asynchronous,andreactiveusage.SupportsCluster

ahauedu·2024-08-28 10:32

03.React学习日记.JSX绑定事件-传递参数

1.原生js事件获取image.png2.组件中方法事件获取发生该事件后，React内部回调函数，会自动传入一个event对象。

_生生不息_·2024-08-28 08:57

Errors Of Reaction 1

错误自动拒绝如何辨识和解决。自动拒绝是不愿意公正的倾听你的思想或行为的批评。为了避免这种错误，需要把你的思想视为可以保留或者抛弃的所有物，而不是你的自我延伸。这将使你对它们少一点的维护。转移话题转移话题就是突然并且欺骗性的从一个正在讨论的议题转移到另一个讨论。为了避免这种错误，面对不同问题应该迎面而上而不是试图避免它。转移举证责任这个错误在于要求其他人反驳我们的命题。为了避免这种错误，需要明白支持

邓洁儿·2024-08-28 08:50

什么是响应式?

=ref([1,2,4,5])响应式：数据的变化可以触发到界面响应式语法：可以将任何类型的值转换为响应式数据import{ref}from'vue';//用于引入组件，相对于java中的导包constreactiveVar

小汤猿人类·2024-08-28 08:22

实现一个Vue页面多次复用一个echarts组件的数据传递（setup语法糖写法)

的传递的传递是为了防止由于id相同导致第二个echarts图覆盖第一个echarts图解决方案：实现效果的代码如下：父组件：importchartfrom'@/category/chart.vue';import{reactive

起飞001·2024-08-28 06:37

【React】react实现前端播放m3u8格式视频

DPlayer文档：http://dplayer.js.org导入依赖yarnadddplayerhls.js在头部引入依赖importDPlayerfrom'dplayer'constHls=require('hls.js')新建一个div初始化播放器componentDidMount(){video=newDPlayer({container:document.getElementById('

ah_biao·2024-08-28 06:36

vue 如何合并两个项目_Vue.js中用webpack合并打包多个组件并实现按需加载

webpack作为一种模块化打包工具，随着react的流行也越来越流行。使用Vue开发项目时，如果要使用其单文件组件特性，必然要使用webpack或者browserify进行打包，对于

weixin_39959236·2024-08-28 02:42

react 路由

学习了好一段时间，终于学到了react路由这个环节。不管是哪个语言，也不管是哪个框架，路由的定义都是一样的。所以，我也就不多说废话，直接来实际的。

爱敲代码的小冰·2024-08-28 00:02

如何使用阿里云OSS进行前端直传以及分片上传

然后可以根据自己的业务，封装对应的组件，以下是根据我自己的项目，所封装的上传组件，所用的是React技术栈importOSSfrom"ali-oss";import{plus}from'..

I will.874·2024-08-28 00:31

React 实现请求接口封装

接口封装一、正常接口请求useEffect(()=>{//获取下拉数据asyncfunctionfetchDateWrapper(){try{constres=await接口();console.log("res",res.data);constvalue=res.data.map(item={return{label:item.valueName,value:valueCode}});setDa

floret. 小花·2024-08-28 00:01

高级前端工程师React面试题

什么是React？React和Vue有什么区别？请描述React的组件生命周期。什么是JSX？React中的state和props有什么区别？请解释React中的虚拟DOM。

盼盼盼·2024-08-28 00:30

react如何解决setTimeout获取不到最新数据问题

在React中，setTimeout可能会由于闭包的特性获取不到最新的数据，因为当setTimeout的回调函数被定义时，它捕获的是那个时刻的状态，如果状态更新了但setTimeout还没执行，那么回调函数内使用的状态值将不会是最新的

Misnice·2024-08-28 00:00

iOS react-native-yunpeng-alipay 与 UMeng 发生冲突的解决方案

报错：UTDID方法重复无论是在集成react-native的支付宝SDK，还是react-native的支付宝SDK，都有可能碰到与友盟SDK发生冲突的情况。

笙笙哥·2024-08-28 00:37

vue设置全局背景图_vue开发使用笔记

在SPA单页面组件的开发中Vue的vuex和React的Redux都统称为同一状态管理，个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取

weixin_39629780·2024-08-27 22:19

04 vue3之to系列全家桶

如果原始对象是非响应式的就不会更新视图数据是会变的如果原始对象是响应式的是会更新视图并且改变数据的针对响应式的有效修改某个对象的key值非响应式视图不会改变，源码没做依赖收集和更应依赖，做了会导致BUG会触发两次{{j}}toRefimport{ref,reactive

流氓也是种气质 _Cookie·2024-08-27 22:43

03 vue3之Reactive全家桶

reactive用来绑定复杂的数据类型例如对象数组AarryObjectsetmapreactive源码约束了我们的类型他是不可以绑定普通的数据类型这样是不允许会给我们报错import{reactive

流氓也是种气质 _Cookie·2024-08-27 22:13

推荐频道

react学习之旅