react学习分享

git连接远程仓库的方式

将本地仓库推送到远程仓库当前状态：本地仓库没有关联远程仓库远程仓库有一个main分支1将本地仓库与远程仓库关联[email protected]:gaoqiang19514/react-ssr-app.git2
·2024-02-25 09:09

wo-gradient-card是一款采用uniapp实现的透明辉光动画卡片

id=16729使用示例import{reactive}from'vue';conststate=reactive({options:[{tag:'最新',t
狼性书生·2024-02-25 02:09

当useEffect遇到函数依赖

importReact,{useState}from'react';constapi={login(username){console.log('username',username);},};functionLogin
·2024-02-24 21:32

React中的高优先级任务插队机制

点击进入React源码调试仓库。在React的concurrent模式下，低优先级任务执行过程中，一旦有更高优先级的任务进来，那么这个低优先级的任务会被取消，优先执行高优先级任务。
·2024-02-23 21:18

【Antd】Form 表单获取不到 Input 的值

Form表单中的Input组件的值，不能被Form获取，导致输入了内容，但是表单提交的时候值为undefined报错代码import{Button,Form,Input}from'antd';importReactfrom'react
一颗不甘坠落的流星·2024-02-23 18:07

给图片添加图片水印

一、项目场景：react+antd4.x（此版本没有watermark水印），需要将后端传递的图片添加图片水印二、水印添加：（此代码为修改好的）importimgsfrom'.
九九七七·2024-02-22 23:14

【实战】二、Jest难点进阶（二） —— 前端要学的测试课 从Jest入门到TDD BDD双实战（六）

mock深入学习学习内容来源：Jest入门到TDD/BDD双实战_前端要学的测试课相对原教程，我在学习开始时（2023.08）采用的是当前最新版本：项版本@babel/core^7.16.0@pmmmwh/react-refresh-webpack-plugin
程序边界·2024-02-22 22:43

React面试题：React.Component和React.PureComponent的区别？

React面试题：React.Component和React.PureComponent的区别？
王 歪歪·2024-02-22 22:42

可视化大屏前端开发：GIS开发技术栈

GIS前端开发技术栈通常包括以下几个方面：前端框架：GIS前端开发通常使用Vue、React或Angular等前端框架来构建应
千汇数据的老司机·2024-02-20 23:47

React Hook “useSelector“ cannot be called at the top level. React Hooks must

一般报这个错的话，就是useSelector写在了函数组件外边解决办法就是//项目的根组件import{useSelector}from"react-redux";functionApp(){constcount
poguanba·2024-02-20 22:34

react起源

简介React（有时叫React.js或ReactJS），是一个为数据提供渲染为HTML视图的开源JavaScript库。React视图通常采用包含以自定义HTML标记规定的其他组件的组件渲染。
lemmo·2024-02-20 22:55

react中的context

在React中，数据可以以流的形式自上而下的传递，每当你使用一个组件的时候，你可以看到组件的props属性会自上而下的传递。
yonglei_shang·2024-02-20 22:23

概念理解

Git---版本管理SVNAngular-cli---脚手架测试Angular---js框架vuereact库Node---js框架Npm---包管理工具Ng-zorro---UI库btelementvueNode
潘婷baby·2024-02-20 22:10

React和Vue 中的 router 实现原理如何

React和Vue中的路由器（Router）实现原理类似，都是基于监听URL变化，然后根据不同的URL加载相应的组件或页面。
xxq_0217·2024-02-20 21:45

react中如何做到中断diff过程和恢复

workLoop是实现时间切片和可中断渲染的核心，简要说明如下：//并发任务的入口functionworkLoopConcurrent(){//PerformworkuntilSchedulerasksustoyield//有任务&是否需要中断while(workInProgress!==null&&!shouldYield()){performUnitOfWork(workInProgress)
_处女座程序员的日常·2024-02-20 21:42

前后端开发的心得体会_前后端对接的思考及总结

说在前面的话随着前端NodeJs技术的火爆,现在的前端已经非以前传统意义上的前端了,各种前端框架(Vue、React、Angular......)井喷式发展,配合NodeJs服务端渲染引擎,目前前端能完成的工作不仅仅局限于
weixin_39586915·2024-02-20 20:29

以程序员的视角，看前后端分离的是否必要？

在前后端分离的架构中，前端通常使用现代的前端框架和技术，如React、A
贝格前端工场·2024-02-20 20:10

【C/C++】实现Reactor高并发服务器 完整版

代码结构文件介绍InetAddress.hInetAddress类ip和端口设置Socket.hSocket类设置fdEpoll.hepollfd管理类Channel.hChannel类管理epoll以及对应回调函数实现EventLoop.hEventLoop事件循环类TcpServer.h服务器类tcpepoll.cpp主函数InetAddress.h#ifndef_INETADDRESS_H#
橙留香写代码·2024-02-20 20:20

使用useRoutes提示invalid hook call

包版本：问题：今天用vite+react+ts重新搭建项目时报错代码：router.tsximport{useRoutes}from'react-router-dom';importHomefrom".
wangshang1320·2024-02-20 20:19

关于react用脚手架搭建初始化后render渲染了两次的问题

问题：页面初始化的时候走了两次render渲染入口文件main.tsx原因：react脚手架创建项目，默认会开启严格模式，在严格模式下，React的开发环境会刻意执行两次渲染解决方案：删掉严格模式的标签
wangshang1320·2024-02-20 20:44

【RN】为项目使用React Navigation中的navigator

ReactNavigation提供了简单易用的跨平台导航方案，在iOS和Android上都可以进行翻页式、tab选项卡式和抽屉式的导航布局。
ZSK6·2024-02-20 19:31

【RN】开发第一个react-native程序

简言ReactNative是一个使用React和应用平台的原生功能来构建Android和iOS应用的开源框架。
ZSK6·2024-02-20 19:29

2024前端面试准备之uniapp篇

1.UniApp和其他跨平台框架（如ReactNative、Flutter）有什么区别？
前端fighter·2024-02-20 18:45

React初次接触

constructor()不是必须的，但，如果有constructor(),ES6语法强制使用super();react初始化class后，会自动将props设置在this中，所以没有constructor
岁月静好_dfb4·2024-02-20 18:09

Vite按需引入自定义组件unplugin-vue-components

1.安装插件npmiunplugin-vue-components-D2.vite.config.ts文件加如下代码plugins:[vue({reactivityTransform:true}),Components
前端~·2024-02-20 18:42

React+Flask打造前后端分离项目开发环境

文章目录前言Backend-FlaskFrontend-ReactDoneReferences前言新的一年，开始水第一篇技术文。碰巧最近React玩得多，撸一篇文章纪念一下开发环境的搭建。
yeshan333·2024-02-20 17:23

react context上下文与vue中 provide inject的用法区别

一、react中：数据传递1、引入createContextimport{createContext}from"react";2、创建并导出exportconstFspThemeContext=createContext
Holly·2024-02-20 17:13

react的createContext及useContext 和 vue3的 provide 及 inject

reactcreateContext和useContext新建context.ts文件：import{createContext}from'react'exportconstMyContext=createContext
Mosowe·2024-02-20 17:13

vue组件通讯之provide / inject

如果你熟悉React，这与Reac
weixin_34101784·2024-02-20 17:13

vue3使用provide/inject实现全局变量功能，部分摆脱vuex

如果需要变量是响应式的，就需要在provide的时候使用ref或者reactive包装变量。
炎魔之王·2024-02-20 17:43

vue3中，ref()、reactive()、computed()、watch() 和 watchEffect()的区别

ref()、reactive()、computed()、watch()和watchEffect()是Vue3中常用的响应式处理函数，它们的主要区别如下：ref()：ref()函数用于将一个普通的JavaScript
hzxOnlineOk·2024-02-20 17:12

Reflect.get() 方法与直接调用 target 对象的获取属性的区别

Vue中的响应性是如何工作的：https://cn.vuejs.org/guide/extras/reactivity-in-depth.htmlReflect.get()方法与直接调用target对象的获取属性之间有一些区别
hzxOnlineOk·2024-02-20 17:12

【react】react中和vue中的provide/inject、context写法示例

react写法在React中，provide和inject的功能类似于Vue.js中的provide和inject。它们都是用于跨组件层次传递数据的。
hzxOnlineOk·2024-02-20 17:41

React源码四 - render阶段

资源各种进阶资源+联系方式请看下方链接资源概述要将react代码渲染到页面中需要经过两个阶段，render阶段和commit阶段。
前端阿龙·2024-02-20 17:04

React源码之render过程中发生了什么？

理解JSX对于我们直接书写jsx语法，我们的浏览器是不理解我们这种语法的，所以需要babel来去转义，那么可以通过plugin-transform-react-jsx来转译jsx语法，使得浏览器可以识别我们的
我的名字豌豆·2024-02-20 17:03

React中commit阶段发生了什么

对于commit阶段的主要工作是循环effectList链表去将有更新的fiber节点应用到页面上是commit的主要工作。EffectList什么是副作用？函数在执行过程中对外部造成的影响可以称之为副作用，副作用包含的类型很多，比如说标记值为Placement时，会叫Dom节点进行插入与移动，Passive代表useEffect进行回调执行，ChildDeletion指移除子Dom节点对于Rea
我的名字豌豆·2024-02-20 17:03

React 中定时器的用法

在react中，要使用定时器，需要先了解它hooks的属性对于React的函数组件来说，只要修改状态，组件就会更新。同时，函数中的代码都会从头到尾重新执行一遍。
偷光·2024-02-20 17:03

我的欢喜日记day35~农业是人与大自然协作共同管理生命的艺术

2021年2月21日周周日正月初十天气多云✌赞美自己：早起冥想、读诵金刚经；剪枝越来越6啦，好好把果树们照顾好，长高长壮；我的感恩：感恩WT真诚的分享交流感恩书院伙伴们晚上的学习分享，期待大家回到书院一起学习创造
土蜂·2024-02-20 17:09

react中render阶段做了什么

首先说明一个概念：render阶段对应的是Reconciler（协调器），commit阶段对应的的是Renderer（渲染器）render阶段开始于performSyncWorkOnRoot或performConcurrentWorkOnRoot方法的调用。这取决于本次更新是同步更新还是异步更新。//performSyncWorkOnRoot会调用该方法functionworkLoopSync()
_处女座程序员的日常·2024-02-20 17:02

【退役之重学前端】使用vite+vue3+vue-router，重构react+react-router前后端分离的商城后台管理系统

笔者计划重构一个基于react的商城后台管理系统。
williamdsy·2024-02-20 16:18

vue语法和react语法对比

改变数据计算属性（缓存计算结果）：显示/隐藏dom元素：循环数据：监听：style样式：Class：父组件状态传递到子孙组件中provide/inject：插槽slots：前言：作为前端框架的绝代双骄，react
零凌林·2024-02-20 16:07

react native

样式在标签处style={styles.listBg}conststyles=StyleSheet.create({listBg:{width:sw,height:72,},});屏幕宽高//screen屏幕宽度letSCREEN_WIDTH=Dimensions.get('window').width;//screen屏幕高度letSCREEN_HEIGHT=Dimensions.get('wi
JingHiraeth·2024-02-20 16:06

レーシング - スピード回避ゲーム

Asimpleandfuncarsprintgamewith2dexperience.Suitableforchildrenaged4-9forreactiontraining.Gameplay:Controlthesprintingvehiclesonbothsidesofthescreen
野柿很涩·2024-02-20 15:30

你踩过 react 生态的 signal 坑吗？且看 helux 如何应对

前言helux是一个集atom、signal、依赖追踪为一体，支持细粒度响应式更新的状态引擎，兼容所有类react库，包括react18。
·2024-02-20 15:51

Expo Router + Supabase使用流程

unsetunset前言unsetunsetExpo是一个React-native生态中的一个工具包，提供了非常多的功能，ExpoRouter是Expo最近推出的功能，其效果类似于Nextjs的router
懒编程-二两·2024-02-20 14:31

剑指immer，更快更强的limu

接下来让我们一起深入了解limu的诞生历程吧^\_^不可变数据的现状不可变数据由于拥有结构共享的特性，让一些严重依赖浅比较的框架快速获得性能收益（如react），同时也让一些需要使用严格不可变数据的场景避免了深克隆带来的冗余性能开销
·2024-02-20 14:14

李清照寻夫途中，唯一写给姊妹的词？《蝶恋花晚止昌乐馆寄姊妹》李清照/文澜珊

第一次看到李清照写给姊妹的词，于是，学习分享给大家。人生，不只有爱情，还有亲情和友情。《蝶恋花·晚止昌乐馆寄姊妹》[宋]李清照泪湿罗衣脂粉满。四叠阳关，唱到千千遍。人道山长水又断。萧萧微雨闻孤馆。
文澜珊·2024-02-20 14:35

【NextJS】nextjs+qiankun遇ReferenceError: window is not defined

实验环境：qiankun:^2.10.16next:14.1.0react:^18.2.0根据官方手册快速上手教程(链接)构建主程序实验代码：qiankun部分：//file:micro-base/plugins
陀螺蚁·2024-02-20 13:29

「盘点」界面控件DevExtreme (v23.1, v23.2)可访问性增强

DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的
界面开发小八哥·2024-02-20 13:23

【NextJS】整个项目跨域配置

项目跨域是指：本项目作为被访问方，由另一个项目对本项目发起fetch等动作获取数据页面数据实验环境：next:14.1.0react:^18配置文件：next.config.
陀螺蚁·2024-02-20 13:22
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他