React前端框架第69页

深入理解 Vue.js 中的 Mixins

Vue.js是一个极为灵活的前端框架，它提供了多种强大的代码组织和复用机制。Mixins是Vue中一个非常有用的特性，它允许开发者将组件的可复用功能抽象出来，并在多个组件之间共享。

liwp_Stephen·2024-01-06 00:22

什么是React.FC | 封装ant design弹框组件之：ant design 修改密码弹框组件

文章目录一、什么是React.FC组件的props是什么意思二、封装antdesign弹框组件之：antdesign修改密码弹框组件定义修改密码弹框组件使用修改密码弹框组件:[重要]关于提交时候，不同组件表单数据共享报错

西京刀客·2024-01-05 23:01

React快速入门

在React中，我们可以通过使用组件的状态（state）和事件处理器（eventhandler）来实现交互性。一、状态（State）在组件内部定义一个初始状态（initialstate）。

代码真的养发·2024-01-05 22:26

邂逅React

1.React是什么？官方网站的解释是：用于构建用户界面的JavaScript库。起源：React是2013年，Facebook开源的JavaScript框架。

coderGuo666·2024-01-05 22:43

什么是Vue.js的响应式系统（reactivity system）？如何实现数据的双向绑定？

Vue.js的响应式系统是指一种能够跟踪数据变化并实时更新相关界面的机制。它是Vue.js框架的核心特性之一。在Vue.js中，你可以使用数据绑定语法将数据绑定到DOM元素上。当绑定的数据发生变化时，Vue.js会自动监听这些变化并更新相关的DOM元素。Vue.js实现数据的双向绑定的方式是通过使用Object.defineProperty()方法来劫持数据对象的属性。当数据对象的属性被读取或修改

2401_82373036·2024-01-05 22:41

React组件导入的两种方式(动态导入组件的实现)

一、react组件两种导入方式React组件可以通过两种方式导入另一个组件1.import(常用）importcomponentfrom'.

2401_82373036·2024-01-05 22:11

计算机Java项目｜SpringBoot+Vue实现的在线考试系统

系统结合SpringBoot后端框架和Vue前端框架，利用先

super_zjl·2024-01-05 22:55

新框架又出来了，你还卷的动吗？

官方宣称这是对Vue、React和Svelte等生态系统以及Vite、Next.js和Astro等Web开发框架的彻底改革。特点Nue使用渐进增强

骑着牛的奇兵·2024-01-05 21:43

vue3日常知识点学习归纳

/child.vue';import{ref,reactive}from'vue';//对象默认constnums=reactive({num:0,doubleNum:0});//点击事件consthandleIncrease

共创splendid--与您携手·2024-01-05 21:18

【HarmonyOS开发】ArkUI-X 跨平台框架（使用ArkTs开发Android&IOS）

1、ReactNativeReactNative是一个基于JavaScript和React的开源框架，由Facebook开发和维护。它使用一

兵腾傲宇·2024-01-05 20:27

事件驱动机制与Reactor模型

通常，我们写服务器处理模型的程序时，有以下几种模型：（1）每收到一个请求，创建一个新的进程，来处理该请求；（2）每收到一个请求，创建一个新的线程，来处理该请求；（3）每收到一个请求，放入一个事件列表，让主进程通过非阻塞I/O方式来处理请求上面的几种方式，各有千秋，第（1）中方法，由于创建新的进程的开销比较大，所以，会导致服务器性能比较差,但实现比较简单。第（2）种方式，由于要涉及到线程的同步，有可

codingJames·2024-01-05 20:03

看到这份涵盖Vue3.0的题库干货，我歇了口气

近年来，Vue凭借语法精炼、代码的可读性高、成熟的组件模块化等优势在众多的前端框架中脱颖而出，成为前端工程师面试和技术学习中必须要攻克的难题。

桃桃555·2024-01-05 20:26

React：props赋值给state出现的问题

import{render}from'react-dom'importReactfrom'react'classChildextendsReact.Component{constructor(props

WDF.·2024-01-05 20:01

React学习三 —— react组件的三大属性（state、props、refs）

组件三大核心属性React组件有很多属性，在其中有三个属性最为核心和重要：statepropsrefsstate让你可以通过数据驱动视图，让视图自动根据数据的改变而改变。

沧州刺史·2024-01-05 20:00

React组件之间的8种通讯方式

在React社区，遇到最多的其中一个问题是“不同组件之间如何相互通讯”。在网上搜索了一些答案之后，早晚会有人提到Flux，随后问题来了：“怎么用Flux解决通讯问题？Flux是必须的吗？”。

秋の本名·2024-01-05 20:29

React解密：props和state的区别是什么

开发react组件，我们最常用到的俩个引起组件渲染的可能就是state和props了，那么他们有什么区别呢？

leelxp·2024-01-05 20:59

React：状态(State) 和属性(Props)详解

React：元素构成组件，组件又构成应用。React核心思想是组件化，其中组件通过属性(props)和状态(state)传递数据。

jingtian678·2024-01-05 20:28

React 中组件数据挂载方式-属性 props 和状态 state 说明及区别

react中通过props和state实现组件间的通信，对数据进行传递、操作。1.属性props在组件中可以通过props传递数据。

蒲公英芽·2024-01-05 20:58

React中state属性和生命周期

目录一、React组件的state属性和生命周期1、state的定义2、更新状态(state)3、组件的生命周期（1）挂载(mount)（2）案例（隐藏或显示实时更新的计时器）（3）更新(update)

Han_Zhou_Z·2024-01-05 20:58

React —— React中组件的三大属性（state,props,ref)

修改state值1.4小案例二、props2.1基础用法2.2批量传递参数三、ref的使用3.1字符串形式的ref3.2回调函数下ref3.3createRef创建ref容器总结前言前面我们已经介绍了React

Bonsoir777·2024-01-05 20:57

【React 进阶】props 和 state 的区别详解

时隔一年半之久再次重新学习React，好多都还是原来的样子，这次我要重新开启React的大门，希望各位小伙伴可以一起讨论学习呦～前言今天我们开始第一个专题：React中关于props和state。

八了个戒·2024-01-05 20:27

React学习：状态(State) 和属性(Props)

props是组件对外的接口，state是组件对内的接口。组件内可以引用其他组件，组件之间的引用形成了一个树状结构（组件树），如果下层组件需要使用上层组件的数据或方法，上层组件就可以通过下层组件的props属性进行传递，因此props是组件对外的接口。组件除了使用上层组件传递的数据外，自身也可能需要维护管理数据，这就是组件对内的接口state。根据对外接口props和对内接口state，组件计算出对

秋の本名·2024-01-05 20:25

前后端 127 集视频分享（Nodejs， React， Redux)

https://www.v2ex.com/amp/t/445926原React全家桶之ES6（五）html，css，js是前端三剑客，而这之中几乎共认的是js是最难学，js完整名称叫做javascript

lisoleg·2024-01-05 19:46

【React系列】react-router

本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?

川峰·2024-01-05 19:23

08-React路由（Router 6版本）

Router5和Router6的变化部分标签产生了变化，之前的标签都有了替（主要集中在Route匹配上），所以这里先回顾一下Router5，同时引出Router6的一些新特性其次，React官方在推出Router6

风吟Pro·2024-01-05 18:40

React学习笔记

React学习笔记，从类组件到函数式组件Hooks，再到Router6，零基础全套笔记01-React入门02-React组件与模块03-React事件处理&生命周期&Diffing算法04-React

风吟Pro·2024-01-05 18:09

React格式化规范

React并没有特定的格式要求，它允许开发者根据自己的喜好和项目需求来选择代码的格式化风格。

代码真的养发·2024-01-05 18:38

React受控组件和非受控组件的区别

1，受控组件：在React中默认可以完成从state到表单value的动态绑定。给input提供onchange事件，一旦检测到文本框内容有变化，马上执行onchange事件获取表单的内容。

一蓑烟雨，一任平生·2024-01-05 18:37

【react】受控组件与非受控组件

一、非受控组件表单中输入类DOM的值现用现取//创建组件classLoginextendsReact.Component{handleSubmit=(event)=>{event.preventDefault

落雪小轩韩·2024-01-05 18:07

07-项目打包 & React Hooks

项目打包项目打包是为了把整个项目都打包成最纯粹的js，让浏览器可以直接执行打包命令已经在package.json里面定义好了运行命令：npmrunbuild，执行时间取决于第三方插件的数量以及电脑配置打包完之后再build文件夹下，这个文件夹下都是静态资源文件，需要web服务器运行我们可以用serve来临时运行这个项目，看看好不好用这是运行打包命令后的提示，提示我们可以用serve运行项目尝试一下

风吟Pro·2024-01-05 18:06

【React系列】受控非受控组件

本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?

川峰·2024-01-05 18:36

threejs react fiber 最佳实践

Intro在使用的相当一段时间的threejs和react-three-fiber后，在中文资料环境极其匮乏的情况下，做个极简·笔记式的分享。

wolanx·2024-01-05 18:36

react 自定义拖拽排序列表

二、实践经过一系列的查询，发现ReactSortable与array-move可以实现这一功能！

我要当前端工程师·2024-01-05 18:35

React+Typescript最佳实践

React+Typescript最佳实践前言随便叨叨一句，TypeScript是一个JavaScript的类型化超集，可以编译成纯JavaScript，比如随便新建一个index.ts文件，随便来个函数

前端梦想家·2024-01-05 18:05

react中使用bootstraps

react中使用bootstraps在react中使用bootstrap，可使用npm导入，在安装bootstraps前，需要安装jQuery，这两个配合使用；一、安装jQuery及配置npminstalljquery

行致·2024-01-05 18:35

不同场景下的多种文件下载方案实践

fetch/axios/XMLHttpRequest异步请求资源下载blob下载FileSaver第三方库下载除了以上几种通用性方案，在JQuery时期还会经常使用到form表单提交等方式，但是随着Vue、React

云之遥_·2024-01-05 18:34

TypeScript在react中的实践

TypeScript是JS类型的超集，并支持了泛型、类型、命名空间、枚举等特性，弥补了JS在大型应用开发中的不足，本文主要探索在TypeScript版本中编写React组件的姿势。

barnett_y·2024-01-05 18:04

React Native拖拽删除Demo(触摸事件)

最近学习了下ReactNative中的触摸事件，写个例子实践一下。

孙先森i·2024-01-05 18:34

React中使用路径别名引用资源设置背景图

为了解决url进行路径别名引入问题，采取base64编码的方式1.问题背景在react中使用css-in-js为元素添加背景图会产生奇怪的bugconstnavLogoBgi:CSSProperties

xxhls_02·2024-01-05 18:03

React Hooks 最佳实践

❞写在前面在过去的几个月里，ReactHooks在我们的项目中得到了充分利用。在实际使用过程中，我发现ReactHooks除了带来简洁的代码外，也存在对其使用不当的情况。

前端瓶子君·2024-01-05 18:02

react如何拖拽模态框

前言实际开发中,模态框展现数据会经常出现.但不幸的是有时功能开发完了,UI同学突然提出需求希望模态框能拖拽.本文使用的模态框由antdesign3.0的Modal组件封装而成,如何在不修改原来代码的基础上实现拖拽呢.最终效果图如下:实践1.创建高阶组件DragHoc新建文件ModalDrag/index.js,将下面代码copy进去DragObj是具体拖拽的原生js代码,后面再看DragHoc是创

_Kay_·2024-01-05 18:02

React拖拽实践

在React中，实现拖拽功能可以通过多种方式完成，但通常需要深刻理解React的状态管理、事件处理和DOM操作。本文将探讨React中拖拽的实践，包括基本原理、拖拽库的使用、性能优化和一些实际示例。

代码真的养发·2024-01-05 18:01

点击按钮出现弹框，父子页面互相传参

父页面点击按钮打开子页面弹框加入主服constJointhemainserviceref=ref()//加入主服弹框实例constJointhemainservedata=reactive({projectId

前端小趴菜05·2024-01-05 18:58

日常踩坑

12.24日写在18年的尾巴上~在React中，如果你render一个元素，给他绑定了一个方法，那么不要直接在后面(参数)，那样的话当组件渲染的时候会自动执行这个绑定的方法。

大鸿先生·2024-01-05 18:43

Vant组件库的初始与使用

目前Vant官方提供了Vue2版本、Vue3版本和微信小程序版本，并由社区团队维护React版本和支付宝小程序版本。

四时之雨·2024-01-05 17:58

Vue2.0和Vue3.0有什么区别

vue3中使⽤了es6的ProxyAPI对数据代理，通过reactive()函数给每⼀个对象都包⼀层Proxy，通过Proxy监听属性的变化，从⽽实现对数据的监控Vue2.0的生命周期：beforeCreate

四时之雨·2024-01-05 17:56

VUE3 中的 Watch

constnums=ref(9)watch(nums,(newValue,oldValue)=>{console.log('watch已触发',newValue)})二、监听复杂类型constdemo=reactive

INDEVIL354·2024-01-05 16:21

vue3的Watch使用详解

ref(包括计算属性)、一个响应式对象、一个getter函数、或多个数据源组成的数组：1.监听单个Ref2.监听一个getter函数当然只修x或者y其中一个的值，也会触发监听3.多个来源组成的数组4.监听reactive

冬天不会冷lz·2024-01-05 16:20

Vue 3 第八章：Watch侦听器

文章目录Watch侦听器1.基础概念1.1.Watch的基本用法例子1：监听单个`ref`的值，直接监听例子2：监听多个`ref`的值，采用数组形式例子3：深度监听例子4：监听`reactive`响应式对象单一属性

剑九六千里·2024-01-05 16:19

Vue3关于setup、ref、reactive属性

前言:vue2的问题:自动无偏差的把所有数据项都改为监听器--消耗资源vue3:把自动改手动--人为判断给哪些属性加监听器ref:给单个值添加监听reactive:利用proxy给对象类型加监听toRefs

江城路-·2024-01-05 16:46

推荐频道

React前端框架