大前端-React 第41页

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

Angular：引领未来的前端框架

Angular是一款由Google开发的强大前端框架，具有丰富的特性和卓越的性能。本文将介绍Angular的基本概念、特点、应用场景以及与其他框架的对比。

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

跑分方面，这款 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

android studio 运行 react-native 项目提示下载gradle

解决问题：1、根据提示路径下载相应的gradle2、拷贝下载的gradle到android->gradle->wrapper下面3、修改gradle-wrapper.properties文件中的distributionUrl=“”为distributionUrl=gradle-4.7-all.zip4、重新运行

菜鸟何时起飞·2024-01-21 17:48

vue实现预渲染

vue实现预渲染要借助prerender-spa-plugin这个工具包，prerender-spa-plugin不仅仅可是实现vue单页面应用项目的预渲染，也可以实现angular、react单页面应用的预渲染

duans_·2024-01-21 16:12

【教程】React-Native代码规范与加固详解

引言ReactNative是一种跨平台的移动应用开发框架，由Facebook推出。它可以让我们使用JavaScript和React语法编写原生应用，大大提高了移动应用的开发效率。

iOS学霸·2024-01-21 16:25

React 安装 node-sass失败解决方案

第一种：修改源地址在项目的根路径中添加.npmrc文件，在这个文件中增加以下内容：sass_binary_site=https://npm.taobao.org/mirrors/node-sass/registry=https://registry.npm.taobao.org第二种：使用sass(dart-sass)代替node-sassDartSass是Sass的主要实现版本，这意味着它集成新

waynian·2024-01-21 16:21

react umi/max 页签(react-activation)

思路：通过react-activation实现页面缓存，通过umi-plugin-keep-alive将react-activation注入umi框架，封装页签组件最后通过路由的wrappers属性引入页面

王布尔·2024-01-21 14:04

react 页签(自行封装)

浏览本博客之前先看一下我的博客实现的功能是否满足需求，实现功能：-页面缓存-关闭当前页-鼠标右键>关闭当前-鼠标右键>关闭其他-鼠标右键>关闭左侧-鼠标右键>关闭右侧-鼠标右键>全部关闭(默认跳转到首页)如果您需要实现刷新页签功能，建议reactumi

王布尔·2024-01-21 14:03

React实现字符串首字母大写、翻转字符串、获取用户选定的文本

目录React实现字符串首字母大写React实现翻转字符串React获取用户选定的文本React实现字符串首字母大写importReact,{useState}from'react'functionApp

星辰迷上大海·2024-01-21 14:25

react + 原生JS实现弹框拖拽解决方案

前言项目github地址最近项目需要实现一个弹框拖拽的功能，本来多快好省的方案就是使用antd的弹框，再配合gayhub上找的拖拽插件来实现。但过程中遇到一些麻烦，而且用别的东西一时爽，要实现个性化或者改一些东西，需要看别人的源码，会极其的麻烦。这时，固执的程序员就会抛下一切，全程自己开发，比如我。正所谓求人不如求己，自己动手，丰衣足食。自己开发，时间可能会多花一些，但收益也是有目共睹的：1.风险

南宫__·2024-01-21 13:29

React Native run-android 连接不到Genymotion模拟器，手动连接模拟器

adbconnect192.168.56.1:5555adbconnect192.168.56.101:5555

Loki_·2024-01-21 12:11

react native error

create-react-native-appapperrorerrorAnunexpectederroroccurred:"Couldn'tfindpackage\"invariant@^2.2.2\

LFBuildMountain·2024-01-21 12:35

计算机项目从0到1小红书APP实战

为“原生开发”同学补充前端基础【React基础知识和工程结构】掌握核心文件的用法和职能夯实基础－系统组件精讲】全面掌握系统组件的使用方法【夯实基础-常用API】深刻理解RN核心API

g6677789·2024-01-21 12:50

两步使用Express快速创建web服务器

框架：是一个半成品，用来快速解决一类问题；库就是工具集，使用非常灵活）（框架有：bootstrap,lay-ui,express,vue,react;库：zepto.js,jQuery,day.js,underscore

T-ihan·2024-01-21 12:46

react 多环境运行打包配置

react+axios多环境运行打包配置简单易懂的react多环境打包配置，直接上代码首先需要先安装一个插件(npm/cnpm)cnpmidotenv-cli-D然后再项目的根节点创建几个文件#.env.devREACT_APP_BASE_URL

小_辉·2024-01-21 10:39

推荐频道

大前端-React