react学习之旅第8页

vue面试题十四

reactive：用于创建响应式对象，返回一个响应式的代理对象（Proxy）。该对象可以包含多个响应式属性。2

笃励·2024-08-23 18:41

为什么调用 setState 而不是直接改变 state

在React中，调用setState方法而不是直接改变state的原因涉及多个方面，包括性能优化、状态管理的可预测性、React的设计理念等。

小鼠米奇·2024-08-23 16:27

React 学习——forwardRef，暴漏子组件的dom元素

父组件拿到子组件的值：使用forwardRefimport{forwardRef,useRef}from'react';constInput=forwardRef((props,ref)=>{return

大个个个个个儿·2024-08-23 12:04

从零开始开发跑腿配送系统：技术选型与架构设计

一、技术选型前端技术：React：用于构建用户界面，具有组件化和高效的特点。Redux：用于状态管理，便于管理复杂的应用状态。AntDesign：提供一套美观的UI组件，提升开发效率和用户体验。

万岳科技系统开发·2024-08-23 04:47

Frameless 开源项目教程

FramelessAchromelesswebbrowserforviewingprototypes.项目地址:https://gitcode.com/gh_mirrors/fram/Frameless项目介绍Frameless是一个基于React

邬稳研Beneficient·2024-08-23 04:43

玛雅13月亮历法学习心路历程——第一天再次接触玛雅，被惊讶到了

昨天即7月26号，玛雅历法新年磁性白巫师年的第一天，同时在这一天里，我开启了我的玛雅历法学习之旅。今天我要写学习完第一节课的复盘文字。

Amelia_0bf8·2024-08-23 04:06

3秒钟教你如何配置vscode中的vue3代码快速生成模版

.接下来只需在原有的注释之下输入粘贴如下代码即可代码如下："vue3":{"prefix":"vue3","body":["","","","","","","","","","import{ref,reactive

一只花小妖·2024-08-22 23:44

React Hooks 的一些使用小技巧

前言大家好，我是晓羽，文末有我帮助500+名同学完成改造的前端文章！欢迎大家观看~useState回调函数参数用法：能够给useState通过回调函数的形式给useState提供初始参数。介绍：useState的参数可以有两种形式：1.useState(普通的数据)=>useState(0)/useState('abc')2.useState(回调函数)=>useState(()=>{return

偏爱前端的晓羽·2024-08-22 17:07

react脚手架留言板（1）

首先打开cmd输入npxcreate-react-appmy-app创建一个react库在src中找到index.js将里面内容清空然后创建四个js文件Comment，CommentBox,CommentList

落花不羡月·2024-08-22 00:53

（尚）react教程（2022-11-20）

第一章：JavaScript复习1.复习js中的三种变量声明三种声明方式：第一种：首先使用的const如果希望变量被改变则使用let关键字至于var关键字最好报在代码中出现Title/*var和let对比：*var*-没有块级作用域**let*-有块级作用域**const和let类似具有块级作用域但是它只能赋值一次使用场景：对于一些常量可以使用这个关键字**对于一些对象函数也可以使用这个关键字这样

~风淡~·2024-08-21 23:18

JavaScript+react笔记

开始一个工程安装脚手架及工具下载node.js并安装node-v检查是否安装成功npminstallcreate-react-app-g安装yarnnpminstall-gyarnyarn--versionYarn

mayi666777·2024-08-21 23:15

8月22日在线研讨会 | 如何提高仿真测试的真实性和覆盖度

该系统通过实时数据反馈和状态机模型优化（如Reactive-Replay方法），整合多源传感器、驾驶行为和环境数据，构建出高保真度的仿真环境，确保仿真的高精度和高可靠性。

经纬恒润·2024-08-21 22:09

Vue项目-Cesium案例（三）

JavaScriptimport*asCesiumfrom"cesium/Source/Cesium";importCesiumNavigationfrom"cesium-navigation-es6";import{reactive

呆呆的小草·2024-08-21 19:21

Vue项目-Table添加Form表单校验

新增表格数据{{row.name}}{{row.age}}{{row.sex}}删除任务信息生成二、JS//------------------->-------------------import{ref,reactive

呆呆的小草·2024-08-21 19:21

react native 总结

reactapp.js相当与vueapp.vueimportReactfrom'react';import'./App.css';importReactRoutefrom'.

一切顺势而行·2024-03-28 14:48

ReactNative应用打包后无网络解决方案

ReactNative打包应用后，应用没有网络解决方案：在android\app\src\main\res下创建xml文件夹在xml文件夹中创建network_security_config.xml文件

程序猿也会飞·2024-03-28 14:16

深入理解 React 中的 children props 和 render props

深入理解React中的childrenprops和renderprops在React中，childrenprops和renderprops是两种常见的组件复用模式，它们都可以帮助我们更好地组织和复用组件代码

JudithHuang·2024-03-28 13:45

reactive和ref的异同、toRef和toRefs的使用

一、reactive和ref有了reactive为什么还要ref？ref处理起基本数据类型来更加的方便快捷，性能要更好。

Niucode·2024-03-28 12:14

html版本号 webpack_html-webpack-plugin详解

引言最近在react项目中初次用到了html-webapck-plugin插件，用到该插件的两个主要作用：为html文件中引入的外部资源如script、link动态添加每次compile后的hash，防止引用缓存的外部文件问题可以生成创建

weixin_39994949·2024-03-27 03:51

11 React 组件通信父传子

在React中实现组件通信是非常常见的需求，其中包括父子组件通信。以下是几种常见的父子组件通信的例子，以及需要注意的知识：Props传递：这是最基本的父子组件通信方式。

a457636876·2024-03-26 12:29

React 中 setState 更新状态的两种写法

React中setState更新状态的两种写法在React中，我们经常需要更新组件的状态（state）。

JudithHuang·2024-03-25 23:13

/jsx-runtime.js“ specifier in “react“ package

修复vite构建时错误vite打包,第三方包引用的react版本不一致问题修复(不是最优解)//vite.config.jsimport{defineConfig}from'vite';importreactfrom

清羽_ls·2024-03-25 21:10

React—— props校验（非typescript校验类型）

非typescript环境下，当我们在封装组件的时候，接受props时传入的内容，需要做类型检测，那我们可以用props校验进行类型的检查。props校验允许在创建组件的时候，就约定props的格式、类型等实现步骤：导入prop-types包使用组件名.propTypes={}来给组件的props添加校验规则校验规则通过PropTypes对象来指定如果props想设置默认值，可以通过default

水煮庄周鱼鱼·2024-03-25 05:21

使用 Redux 管理 React 应用状态

使用Redux管理React应用状态在复杂的React应用中，管理组件状态变得越来越复杂，这时候引入Redux可以帮助我们更好地管理状态。

JudithHuang·2024-03-24 20:09

uniapp：wx.switchTab: url 不支持 queryString

上面两种代码自行处理，下面提供一种更为简单的方案方案三：使用ref或是reative配合watchEffect【推荐】在相同目录创建一个data.ts/***搜索参数*/exportconstparams=reactive

你的代码我的心·2024-03-24 19:37

React Native 桥接原生 iOS 以及 Android 获取 APP 版本号

在使用ReactNative进行跨平台开发过程中，或多或少需要涉及到原生开发，这里主要说一下如何桥接原生iOS以及Android，在此以获取APP版本号为例。

weixin_33951761·2024-03-24 07:26

MATLAB 2023a：强化学习算法的实战演练与性能评估

无需繁琐的环境配置和库安装，用户只需打开MATLAB界面，即可轻松开始深度学习之旅

zmjia111·2024-03-24 06:54

项目里面引入字体包react

项目里面引入字体包：①字体包放在public目录下，②新建一个font.css文件，//font.css@font-face{font-family:AlibabaSans;src:url('./font/AlibabaSans-Black.otf');}③在HTML文件全局引入④然后在less里面就能使用了：例：font-family:AlibabaSans;

前端小灰灰·2024-03-22 02:19

问了一下 GPT--当前基于 React + TypeScript 的生态中一名前端工程师需要具备哪些能力？

在当前基于React+TypeScript的生态中，你需要掌握一系列的技能和知识，以构建现代化、高效能且可维护的前端应用程序。

zoe_ya·2024-03-20 19:31

reactive 和ref区别和原理

reactive和ref区别和原理在Vue3中，reactive和ref都是用来创建响应式数据的方法。它们的主要区别在于如何使用它们以及它们如何处理值.reactive是用来创建响应式对象的。

小王学前端️·2024-03-20 18:30

react 和vue区别

React和Vue是两个非常流行的前端JavaScript框架，它们有许多相似之处，但也有一些关键的区别：设计理念：React更倾向于函数式编程，推崇组件的纯粹性和可预测性，而Vue则更倾向于易用性和灵活性

小王学前端️·2024-03-20 17:59

【 React 】对React refs的理解？应用场景？

1.是什么Refs在计算机中称为弹性文件系统(英语：ResilientFileSystem,简称ReFS)React中的Refs提供了一种方式，允许我们访问DOM节点或在render方法中创建的React

前端小超人rui·2024-03-20 13:54

React——组件通讯

组件通讯介绍组件中的状态是私有的，组件的状态只能在组件内部使用，无法直接在组件外使用，但是我们在日常开发中，通常会把相似、功能完整的应用才分成组件（工厂模式）利于我们的开发，而不同组件直接又需要传递数据，而这个过程就是组件通讯。组件通讯-父子间、兄弟间传值propsprops，学过vue的其实我们都很熟悉，都是父组件传递给子组件的一种方式。props是只读对象，只能读取属性，无法修改，属于单向数据

水煮庄周鱼鱼·2024-03-20 11:21

react可视化编辑器第五章升级版拖拽、缩放、转圈、移动

本章代码结构：主入口Test.tsx,组件：ResizeControl.tsx本章花费俩天时间完成代码例子，单独抽离代码封装好一个ResizeControl组件，拿来即用。代码中constdomObj=document.getElementById(resize-item-${startPos.id})这句是关键代码，不然获取的dom节点有问题，导致多个红色div操作时候会重叠ResizeCont

zhooson·2024-03-20 10:20

[坚持＋努力]我的圆梦之旅/尖椒中学文科学习分享

尖椒文科的学习已经结束了，期待下一期的课程，我现在对这次学习之旅的成果做个汇报总结。

安定区张虎·2024-03-20 04:06

Reactor，Proactor，Actor网络模型

Reactor，Proactor，Actor_reactoractor-CSDN博客Actor模型是一种并发编程模型，它定义了计算单元的行为，这些计算单元被称为Actors。

sun007700·2024-03-18 21:32

react中hooks使用限制

只能在最顶层使用Hook不要在循环、条件中调用hook，确保总是在React函数最顶层使用它们只能React函数中调用Hook不要在普通的js函数中调用在React的函数组件中调用Hook在自定义hook

_处女座程序员的日常·2024-03-18 21:02

useState与useReducer为什么返回一个数组，而不是一个对象

import{useState,useReducer,useEffect}from"react";functionFunctionComponent(){const[count,setCount]=useState

_处女座程序员的日常·2024-03-18 21:32

React核心⼊⻔-lesson1

自学React从入门到精通，从使用到写源码React⼊⻔课堂⽬标资源起步⽂件结构⽂件结构⼀览React和ReactDomJSX使⽤JSX组件组件的两种形式class组件function组件组件状态管理类组件中的状态管理函数组件中的状态管理事件处理组件通信

IT帮·2024-03-18 20:31

React 测试库 - API

ReactTestingLibrary也会重新导出DOMTestingLibrary中的所有内容如以下方法：renderfunctionrender(ui:React.ReactElement,options

liangshanbo1215·2024-03-18 15:55

uniapp实现点击标签文本域中显示标签内容

文本域中出现标签的内容③.点击标签右上角的删除可删掉标签，同时清除文本域中标签的内容④.可输入内容，切换时不影响输入的内容使用的是uniapp+vue3+uVieww-plus代码：提交import{reactive

佩淇呢·2024-03-17 18:27

react可视化编辑器第一章拖拽

效果：实现可视化编辑器，第一步难点是拖拽提示：链接和图片默认是可拖动的，不需要draggable属性。在拖放操作的不同阶段使用并可能发生许多事件属性：在可拖动目标上触发的事件（源元素）：ondragstart-当用户开始拖动元素时触发ondrag-拖动元素时触发ondragend-在用户完成拖动元素时触发在放置目标上触发的事件：ondragenter-当被拖动的元素进入放置目标时触发ondrago

zhooson·2024-03-17 13:49

【Docker】Jaeger 容器化部署

其前端采用React语言实现，后端采用GO语言实现，适用于进行链路追踪，分布式跟踪消息传递，分布式事务监控、问题分析、服务依赖性分析、性能优化等场景。快速运行docker

轻云UC·2024-03-17 08:14

客户端渲染与服务端渲染（2）

客户端渲染即普通的React项目渲染方式。

程序员榕叔·2024-03-17 00:02

react native使用TS实现路由

一、入口文件app.jsx的配置入口文件最好还是要保留jsximport{NavigationContainer}from'@react-navigation/native';import{navigationRef

前方路远·2024-03-16 21:59

Spring Data访问Elasticsearch（一）----Elasticsearch客户端

SpringData访问Elasticsearch（一）----Elasticsearch客户端一、命令式Rest客户端二、反应式（Reactive）Rest客户端三、客户端配置3.1客户端配置回调3.1.1

85程序员老王·2024-03-15 21:55

什么是单向数据流

单向数据流是一种数据流动的模式，通常用于前端框架（如React、Vue等）中。在单向数据流中，数据只能从一个方向流向另一个方向，不会出现数据的双向流动。

嘘~！·2024-03-15 05:01

react recharts饼图及配置项

：指定饼图的数据和样式。data：设置图表使用的数据数组。dataKey：指定用于饼图切片面积计算的数据字段。nameKey：指定用于显示在图例和提示框中的数据字段。cx和cy：设置饼图中心的位置。outerRadius：设置饼图的外半径。fill：设置饼图的颜色。label：设置是否显示切片标签。：为每个切片设置自定义颜色。可以根据需要为每个数据项选择不同的颜色。：设置图例的样式和位置。：设置鼠

代码真的养发·2024-03-14 21:51

react实现表格多条件搜索

创建一个React组件来渲染表格及搜索功能。可以使用函数式组件或者类组件。在组件的状态中定义搜索条件的值。可以使用useState钩子函数来定义和更新搜索条件的状态。

代码真的养发·2024-03-14 21:20

React中函数组件和类组件的区别：

1，函数组件和类组件的区别：语法上的区别：函数式组件是一个纯函数，它是需要接受props参数并且返回一个React元素就可以了。

一蓑烟雨，一任平生·2024-03-14 18:46

推荐频道

react学习之旅