react 第40页

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

1.类有自己的this,函数没有2.类需要实例化，函数不需要3.类需要继承，函数不需要4.类有生命钩子，mount,undata,unmount5.类有自己的state,函数组件需要通过hook经典场景：函数会形成闭包。而类组件得到的都是最新的值。函数组件：当用户选择苹果，点击购买后，再切换浏览香蕉，提示信息反馈用户下单的是苹果。类组件：当用户选择苹果，点击购买后，再切换浏览西瓜，提示信息反馈用户

小白分享·2024-01-22 14:48

react合成事件

react合成事件概念react合成事件是react模拟原生dom事件所有能力得一个事件对象。拥有与浏览器原生事件相同的接口。

点了个汤·2024-01-22 14:17

React的合成事件

原生事件——>React事件——>document事件都是先执行原生事件再到react事件。

小白分享·2024-01-22 14:45

TCP服务器的演变过程：C++使用libevent库开发服务器程序

C++使用libevent库开发服务器程序一、引言二、libevent简介三、Libevent库的封装层级3.1、reactor对象封装structevent_base3.2、事件对象structevent3.3

Lion Long·2024-01-22 14:14

react-navigation快速点击会导致多次跳转的问题解决办法

修改react-navigation目录下，scr文件夹中的addNavigationHelpers.js文件importtype{NavigationProp,NavigationParams,NavigationScreenProp

若水三千瓢·2024-01-22 12:13

React：构建用户界面的强大工具

React是一款由Facebook开发的JavaScript库，用于构建用户界面。本文将介绍React的基本概念、特点、应用场景以及与其他框架的对比。

番茄大大~·2024-01-22 12:08

vue2实例初始化流程

(Vue,'config',configDef)初始化了Vue.config这个静态属性2.定义了Vue.util，并挂载了一部分API（warn/extend/mergeOptions/defineReactive

Neo 丶·2024-01-22 12:18

React Hooks 源码解析：useEffect

ReactHooks源码解析（4）：useEffectReact源码版本:v16.11.0源码注释笔记：airingursb/react1.useEffect简介1.1为什么要有useEffect我们在前文中说到

秋の本名·2024-01-22 11:07

学习Redux：React状态管理的简明指南

一、Redux介绍Redux是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行作用：通过集中管理的方式管理应用的状态为什么要使用Redux？

秋の本名·2024-01-22 11:37

react、vue移动端项目使用技术

react、vue移动端使用到的技术：一、px2rem插件h5移动端首先需要做到适配各种手机屏幕，所以使用的单位肯定是相对单位。比如：rem原理就是rem是相对单位，给html加个基准值，然后其后代元

崽崽的谷雨·2024-01-22 11:03

React、vue、h5端项目避免缓存

前言：h5项目和pc端项目上线时，有时只有细微的改变，但是部署完后，再次访问却是没变化。必须清除缓存才行。pc端项目手动清除一下还行，但是h5项目却不行。尤其嵌套在app里，只能清除app的缓存，微信里也是必须清除app缓存。比如：微信里：我>设置>通用>存储空间比如：h5嵌套在app里到设置>应用管理>存储设置>清除缓存（不同手机，步骤不一样，但都大差不差）pc端就可以去浏览器设置清除缓存：不同

崽崽的谷雨·2024-01-22 11:03

react页面缓存：React Keep Alive和React-Keeper

vue中有keep-alive进行页面缓存，react提倡尽可能少的api以减少开发者的使用成本，并没有提供相关的api（我觉得这样更麻烦了），需要自己手写，我从git找到两种评价较高的对应插件分析给大家

super_wanan·2024-01-22 11:02

React 中保存页面状态/在react中实现vue的keep-alive/React Activation

1.背景用户访问了一个列表页，点击查进入详情页，从详情页退回列表页时，需要停留在离开列表页时的浏览位置上在React中，我们通常会使用路由去管理不同的页面，而在切换页面时，路由将会卸载掉未匹配的页面组件

圆圆小朋友·2024-01-22 11:32

react react-activation keep-alive 实现路由跳转返回保留组件状态

文章目录reactreact-activationkeep-alive实现路由跳转返回保留组件状态1.react-activation安装2.在入口文件引入并使用`AliveScope`包裹3.在路由文件中用

kk_6·2024-01-22 11:01

React 页面缓存 keep-Alive

肉松圆圆·2024-01-22 11:00

React-Route6实现keep-alive效果

一、基于react-route6useOutlet实现二、代码呈现importReact,{useRef,createContext,useContext}from'react'import{useOutlet

姑老爷呀·2024-01-22 11:29

react实现keep-alive

网上找了很多方案，可能demo是可以的，但是在复杂的场景下会有很多问题，基本上不能实现，经过一上午的折腾总算是弄出来了，采用的方案是react[email protected]代码如下importReactfrom"react

前端-wjh·2024-01-22 11:29

React 中保存页面状态，在react中实现vue的keep-alive，React Activation

选中了ReactActivation插件，使用如下：这是参考文档：react-activation/README_CN.mdatd08219cba1fd3bc2ddd18b382eac656f1826d65d

LLL_LH·2024-01-22 11:56

react 实现页面状态缓存（keep-alive）

前言：因为react、vue都是单页面应用，路由跳转时，就会销毁上一个页面的组件。但是有些项目不想被销毁，想保存状态。比如：h5项目跳转其他页面返回时，页面状态不丢失。

崽崽的谷雨·2024-01-22 11:53

微信小程序学习笔记（小程序框架）

从指南中的小程序框架开始，指南中这一节之前还有页面配置，目录结构，还有很多介绍，没有写但是是非常重要的，一定要看，像指南后面的框架，组件，API更像是字典形式很细，所以*指南*这里很重要，建议学之前先学一点框架vue，react

BYE＆·2024-01-22 09:33

(转载)Netty高性能之Reactor线程模型

Netty是一个高性能、异步事件驱动的NIO框架，它提供了对TCP、UDP和文件传输的支持，作为一个异步NIO框架，Netty的所有IO操作都是异步非阻塞的，通过Future-Listener机制，用户可以方便的主动获取或者通过通知机制获得IO操作结果。作为当前最流行的NIO框架，Netty在互联网领域、大数据分布式计算领域、游戏行业、通信行业等获得了广泛的应用，一些业界著名的开源组件也基于Net

树心图物·2024-01-22 08:00

web架构师编辑器内容-图层拖动排序功能的开发

新的学习方法用手写简单方法实现一个功能然后用比较成熟的第三方解决方案即能学习原理又能学习第三方库的使用从两个DEMO开始VueDraggableNext:VueDraggableNextReactSortableHOC

A &......·2024-01-22 08:04

Java-NIO篇章（4）——Reactor反应器模式

前面已经讲过了Java-NIO中的三大核心组件Selector、Channel、Buffer，现在组件我们回了，但是如何实现一个超级高并发的socket网络通信程序呢？假设，我们只有一台内存为32G的Intel-i710八核的机器，如何实现同时2万个客户端高并发非阻塞通信？可能你会说不可能实现，答案是2万的并发可能都低估了，Redis单机通信20万的并发都是可以的，当然达到20万的并发对机器性能以

矩阵科学·2024-01-22 06:40

微前端：一种新型的前端架构方法

传统的单页面应用程序（SPA）和前端框架（如React、Vue等）在处理大型项目时可能会遇到性能、可维护性和团队协作等方面的问题

番茄大大~·2024-01-22 06:07

跑分方面，这款 JavaScript 库在全球框架榜单中的表现比 React 要好得多

最初的动机2021年11月左右，Strve第一个版本发布，社区的反馈大部分是支持，也有少部分小伙伴提出了质疑，这都正常。你只要在社区发布一些作品，就必须接受其他人对你的作品的评价。当初，开发Strve的初衷只是受到JSX语法的影响，觉得在JavaScript中编写HTML很酷，所以想能不能自己也开发一个前端框架。我最初给自己的目标就是能在JavaScript中写HTML，然后通过编写JavaScr

Vam的金豆之路·2024-01-22 05:17

用react 脚手架新建一个项目

1npxcreate-react-appmy-app初始化项目npx命令是npmV5.2.0引入的一条新命令用来1提升包内提供的命令行工具的使用体验好处：无需安装脚手架包就可以使用这个命令进行初始化项目

小番茄1009·2024-01-22 05:34

什么是JHipster？

JHipster是一个开发平台，用于生成，开发和部署SpringBoot+Angular/React/VueWeb应用程序和Spring微服务。

大华博客·2024-01-22 05:17

rac5

Reactivecocoa5.0主要的类型1.事件（Event）2.监听器（Observer）3.存根（Disposable）4.信号（Signal)主要用法1.信号的创建//MARK:-0.创建信号的方法

alex_zn·2024-01-22 04:08

在react中说说对受控组件和非受控组件的理解？以及应用场景

在react中说说对受控组件和非受控组件的理解？

王歪歪·2024-01-22 04:30

说说对React中类组件和函数组件的理解？有什么区别？

说说对React中类组件和函数组件的理解？有什么区别？

王歪歪·2024-01-22 04:59

最新React面试题：说说对React的理解？有哪些特性？

王歪歪·2024-01-22 04:28

Fullcalendar v5.5.1 设计一个考勤日历插件

前言最近公司HR项目新增一个考勤日历需求，发现Fullcalendar插件功能齐全，完美支持JQuery、Vue、React和Angular，支持TypeScript，开源，并托管在GitHub上。

zhua.er·2024-01-22 02:43

Quarkus 2.8.0引入了细粒度的Transaction API

升级概览Quarkus2.8.0.Final发布，特性包括：将RESTEasyReactive作为默认REST层；将GraalVM22.0作为默认版本；新的QuarkusTransactionAPI；以及

魏铁锤爱摸鱼·2024-01-22 02:40

vue3 onMounted的坑

position.p}}{{position.sex}}sayhelloposition添加一个sex属性删除name属性当前点击时鼠标的坐标为{{point.x}}-{{point.y}}import{ref,reactiv

phyit·2024-01-22 02:37

UI -- React

React模板ReactUIpackage.json同级components/slButton/element.jsximportReactfrom'react';constel=({text,onClick

平凡シンプル·2024-01-22 01:33

Linux高性能服务器编程学习笔记⑥

Linux高性能服务器编程学习笔记⑥高性能服务器程序框架模型C/S模型P2P模型编程框架I/O模型事件处理模型Reactor模式Proactor模式模拟Proactor模式并发模式半同步/半异步模式领导者

LonelyTaoist·2024-01-22 00:35

react 路由传参高阶组件

路由手写路由控制地址栏歌手根据改变渲染不同的组件路由件react-router1-3:react-router4-5:react-router-domreact-router-nativereact-router

lessonSam·2024-01-21 23:03

前端性能优化之首屏预渲染

本文介绍一种优化首屏访问速度的技术：前端预渲染，并封装自定义的Reacthook，解决预渲染中的数据初始化问题。一、首屏速度慢的问题如果网站页面首屏访问比较慢，应该怎么优化呢？

刷题刷到手抽筋·2024-01-21 23:55

vue3组合式API

系列文章目录前端系列文章——传送门后端系列文章——传送门文章目录私人博客系列文章目录组合式APIsetuprefreactivecomputedwatch其他组合API注组合式APIvue3的文件中，Vue

许小墨~·2024-01-21 23:38

同事都说我卷，趁着午休我 —— 彻底熟练使用《Vue3的选项APi》

setup函数的返回值setup不可以使用thisVue3中reactive和ref和toRefs和toRefreadonly只读属性toRefcomputedWacth监听Vue2watch监听vue3watch

彩色之外·2024-01-21 23:07

拥抱组合式API：vue3的script setup解析看这篇就够

ref与reactive在setup中，我们拥有ref和reactive俩个api去创建一个响应式变量，这俩者存在的区别是ref是针对基本类型的响应，而re

智密科技·2024-01-21 23:36

10w 字前端技术文档分析

包含了前端领域的各个内容，例如：前端三件套（HTML、CSS、JavaScript）前端热门框架（Vue、React）前端构建工具（Webpac

Jackson-Mseven·2024-01-21 21:48

Webpack5入门到原理19：React 脚手架搭建

constESLintWebpackPlugin=require("eslint-webpack-plugin");constHtmlWebpackPlugin=require("html-webpack-plugin");constReactRefreshWebpackPlugin

duansamve·2024-01-21 21:16

Errors of Reaction 2

这种对任何不适合我们的事物或我们的观点进行解释的决心反映了我们想挽回面子和保持自我形象的愿望。我们每个人都有一个良好的自我形象。我们喜欢认为自己是聪明的、负责任的、聪明的、善于观察的、勇敢的、慷慨的、体贴的，等等。我们也希望别人这样看待我们。我们的错误和个人的失败会破坏我们的声誉，所以我们很容易逃避责任。例如，一个发脾气打了他玩伴的孩子可能会说:“这不是我的错。”她让我笑着做这件事。在课程中表现不

韫左寻·2024-01-21 20:02

【报错】Arco新建工程时 Error: spawnSync pnpm.cmd ENOENT

请选择你希望使用的技术栈React❯Vue选择pro项目?请选择一个分类业务组件组件库LernaMenorepo项目❯ArcoPro项目然后等待依赖安装就行

博客zhu虎康·2024-01-21 20:25

webpack打包优化

记一次react项目优化的过程优化前，用uglifyjs-webpack-plugin插件压缩js后得到的大小，实际大小1.3M，如图：image.png以上图形化界面，可下载webpack-bundle-analyzer

艾晨星雨·2024-01-21 19:24

又一个Node开发工具，自动按需临时下载依赖包

很多开始学习React的小伙伴都会感到疑惑，常常见到的是NPX而不是NPM,今天来了解一下NPX。

程序猿小董·2024-01-21 19:14

前端周刊第十三期

如果外链不能访问，关注公众号前端每周看，里面有解决办法大事件ES6类提案（大部分）的装饰器在TC39上达到了第3阶段——我们三年前首次链接到这个提案，但现在它有条件地进入第3阶段（需要一些调整）React18

四六十·2024-01-21 18:50

个人正在开发的中国风React组件库

前端新人正在开发的一款带点中国风的React组件库...一方面开源，一方面当做自己的学习经验~项目刚起步..设施还不完善大佬们可以提提意见或者给个starhttps://github.com/zhui-team

AddOneG·2024-01-21 18:35

在mapDispatchToProps里操作数据this.setState

react-redux将所有组件分成两大类：UI组件和容器组件，组件内需要操作数据可以通过mapStateToPropsmapDispatchToProps完成。

小小的开发人员·2024-01-21 17:27

推荐频道

react