react开发笔记

React中的有状态组件和无状态组件的区别是什么？

有状态组件:有状态组件,它属于一个class类,有继承,可以通过this来接收状态和属性，如果你想用react的生命周期,想对一些数据进行增删改查的话就要用到有状态组件importReact,{Component
汉武大帝··2024-02-19 12:10

react 中的计算属性 useMemo

你们没有看错，useMemo的出现使得react也有了‘计算属性’。为什么要使用计算属性其实主要优势就是性能好，通过下面例子可以看出。
Melody_lw·2024-02-19 12:35

npm详解：掌握package.json配置

scripts":{"start":"react-scriptsstart"}执行npmstart将运行react-scriptsstart，
钟念·2024-02-19 12:57

React中Dva状态管理（model）的使用总结和理解

一概述React中全局状态管理官方推荐使用Redux，Redux的使用场景其实在单个应用中是处于使用率只有20%，却有80%的学习成本。
小流至江河·2024-02-19 12:55

Web前端开发的框架可以应用到哪些地方

但是今天，他们面临着广泛且不断变化的开发技能生态系统；最近几年，我们使用JavaScript为主要的Web应用程序提供了强大的新库和框架，例如ReactJS，VueJS和angularJS。这3个可以
一只有头发的程序猿·2024-02-19 12:21

常见的Web前端开发框架推荐

一、ReactReact是由Facebook开发的一个用于构建用户界面的JavaScript库。它采用了组件化的开发方式，使得开发者可以构建可复用的UI组件。React的特点是速度快、灵活性强，
沐知全栈开发·2024-02-19 12:48

关于React中的状态和属性

在React中，状态（State）和属性（Props）是两个核心概念，用于管理组件的数据和传递信息。下面详细描述它们的区别：状态（State）：定义：状态是组件内部维护的可变数据。
╰゛Maud·2024-02-19 12:47

包教包会的Kotlin Flow教程

原文链接包教包会的KotlinFlow教程公众号「稀有猿诉」Kotlin中的Flow是专门用于处理异步数据流的API，是函数响应式编程范式(FunctionalReactiveProgrammingFRP
·2024-02-19 11:57

快来试试这款监控服务器的仪表盘工具！十分简单精美！

项目介绍dashdot——一个简单、现代的服务器仪表板，基于React实现，旨在服务于监控私人服务器。dashdot主要是监控服务器的操作
·2024-02-19 11:46

React-Grid-Layout

简介React-Grid-Layout（简称为RGL）是一个网格布局系统，可以实现响应式的网格布局，并且支持分割点（breakpoints）的设置，灵活运用可以方便的实现拖拽式组件的实现，就如图下图所展示的
HEY_439·2024-02-19 11:03

Vue前端】vue使用笔记0基础到高手第2篇：Vue进阶知识点介绍（附代码，已分享）

Vue.js是前端三大新框架：Angular.js、React.js、Vue.js之一，Vue.js目前的使用和关注程度在三大框架中稍微胜出，并且它的热度还在递增。
·2024-02-19 10:26

React Native 导航：示例教程

ReactNavigation是ReactNative最著名的导航库之一。
·2024-02-19 10:44

万字长文介绍React Fiber架构的原理和工作模式

自React16开始，React引入了Fiber架构，解决了以前的更新机制的问题，即在长时间的更
·2024-02-19 10:01

Vue 与 React 比较，十年恩怨情仇整理

其中，最为亮眼的当属Vue.js和React.js，他们一经出世就备受前端开发者的欢迎，当然，流行框架之间的比较也从未停止。
·2024-02-19 10:28

React项目详解

React项目指导使用webpack需要安装的依赖webpack，webpack-cli，react，react-dombabel-loader，@babel/core，@babel/preset-env
·2024-02-19 10:55

React Native推送通知：完整的操作指南

在这篇文章中，我们将看到如何在ReactNative应用中创建和发送推送通知。什么是推送通知？推送通知是从应用程序发送到已安装该应用的用户的消息或警报。
·2024-02-19 10:17

从0实现react

项目地址:项目地地址参考地址:bilibili1.下载nodejs2.下载脚手架:npminstallcreate-react-app-g3.创建项目:create-react-appreact-test1
第十人i·2024-02-15 10:46

React function传递参数

前言rect不能写onClick={this.textValue()}因为我们是在渲染区域进行写的他就会认为要调用这个函数所以你会发现在渲染的时候就被调用了所以要写成onClick={this.textValue}这样子就只是在onClick上面绑定了一个数值当页面进行触发的时候他回去类里面去找这个绑定的数值，发现是个Function就会执行方法类组件但是传参你就会发现没了解决错误你好啊代码解析在
卑微的雨落·2024-02-15 10:07

react 插槽

问题开发当中会经常出现组件十分相似的组件，只有一部分是不同的解决：父组件:在引用的时候import{Component}from"react";importMefrom"..
卑微的雨落·2024-02-15 10:36

react-native NetInfo获取网络状态不正确

最近在开发一个判断网络状态的功能。在APP断网后重新打开网络。获取到的网络状态依旧是断网状态。。才发现里面的坑；解决办法--重新对这个方法进行封装一下；有需要的小伙伴直接复制就可以了staticasyncgetConnectionInfo(){if(Platform.OS==='ios'){returnnewPromise((resolve,reject)=>{constconnectionHan
小小小小的人头·2024-02-15 07:52

react渲染流程是怎样的

整体流程：react的核心可以用ui=fn(state)来表示，更详细可以用：conststate=reconcile(update);constUI=commit(state);上面的fn可以分为如下一个部分
_处女座程序员的日常·2024-02-15 06:53

React：高阶组件|ref转发

高阶组件参考文档：高阶组件–React(reactjs.org)高阶组件（Higher-OrderComponents，简称HOC）是React中用于复用组件逻辑的一种高级技巧。
是席木木啊·2024-02-15 06:42

Vue3快速上手

.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive
__畫戟__·2024-02-15 06:40

react按需加载

1.npm安装babel-plugin-syntax-dynamic-import和react-loadable，如图1：图12.在.babelrc里添加设置"plugins":["syntax-dynamic-import
热心程序猿黄帅哥·2024-02-15 05:52

React Hook 简介

Hook是React16.8的新增特性。它可以让你在不编写class的情况下使用state以及其他的React特性。什么时候会用Hook？复习一下，React的函数组件是这样的。
欧雷_99f3·2024-02-15 05:23

Angular、React、Vue三选一，前端工程师更青睐使用哪款框架？

现在前端三架马车Angular、React、Vue各有所长。
前端吴彦祖·2024-02-15 05:55

WEB APIs（1）

变量声明const（修饰常量）const优先，如react，基本const，对于引用数据类型，可用const声明，因为储存的是地址何为APIs可以使用js操作HTML和浏览器分类：DOM（文档对象模型）
象更·2024-02-15 05:50

反应式编程

反应式编程前言1反应式编程概览2初识Reactor2.1绘制反应式流图2.2添加Reactor依赖3.使用常见的反应式操作3.1创建反应式类型3.2组合反应式类型3.3转换和过滤反应式流3.4在反应式类型上执行逻辑操作总结前言你有过订阅报纸或者杂志的经历吗
duration～·2024-02-15 03:49

React 知识总结

1.context创建一个Context对象constMyContext=React.createContext(defaultValue);注意:将undefined传递给Provider时，消费组件的
小王加油·2024-02-15 02:05

Gateway服务网关

SpringCloudGateway是SpringCloud的一个全新项目，该项目是基于Spring5.0，SpringBoot2.0和ProjectReactor等响应式编程和事件流技术开发的网关，它旨在为微服务架构提供一种简单有效的统一的
钢铁小宝宝·2024-02-15 01:36

React ts项目配置Eslint+StyleLint+prettier+husky+lint-staged规范

下载相关依赖npminstalleslint@typescript-eslint/parser@typescript-eslint/eslint-pluginprettiereslint-config-prettiereslint-plugin-prettierstylelintstylelint-config-css-modulesstylelint-config-standardstyleli
悟空Wukong95·2024-02-14 22:24

React基础入门

=MozillaDeveloperNetwork;///多行代码constheader=(MozillaDeveloperNetwork);///heading/header常量称为JSX表达式///React
QiShare·2024-02-14 22:31

Webflux 函数式编程web框架

Spring5.0Spring-webflux是一个全新的非堵塞的函数式ReactiveWeb框架，可以用来构建异步的、非堵塞的、事件驱动的服务。
janlle·2024-02-14 21:19

实习语雀文章 源码分析

React可以抽象的看成一个公式：UI=f(state)。函数f是React和基于React的代码，传给函数的参数就是state，最终在页面上绘制出来的UI是函数运行结果。
Chasingcar_501·2024-02-14 20:36

【实战】一、Jest 前端自动化测试框架基础入门（三） —— 前端要学的测试课 从Jest入门到TDD BDD双实战（三）

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

一文带你构建自己的脚手架

在日常开发中，我们创建vue项目所使用的vue-cli，创建react项目的create-react-app…都是非常优秀的脚手架。那为什么要使用脚手架来创建项目呢？
程序员Syoyu·2024-02-14 17:02

2018-06-27 React Native ES6 作用域问题

在学习RN（reactnative）的过程中遇到红屏错误是TypeError:Cannotreadproperty'state'ofundefined说没有state这个属性，我就很蒙了。
deadcalm·2024-02-14 17:46

React的构造函数constructor内的super()函数解析

constructor构造函数作用首先，为什么有时候不用写constructor构造函数，为啥看起来也没什么影响。因为constructor构造函数会默认执行，你不写它会执行一次。你写了它也会执行一次。当然也包括执行constructor的super()函数。之所以重写构造函数是为了做一些另外的初始化操作。super()函数的作用执行super()函数后，该对象的props属性就被声明、赋值了。即
天海相接·2024-02-14 15:25

React中Provider组件详解

使用场景1.A(顶级组件）-》B组件（子组件）-》C组件（孙子组件）2.A(顶级组件）-》B组件（子组件）、C组件（孙子组件）…很多组件（每个组件都需要传props)A组件传递数据给C组件实现方式有很多种1.通过props层层传递到C组件2.通过全局对象使用Provider可以解决数据层层传递和每个组件都要传props的问题；三个嵌套组件：ABC场景：组件C想要取组件A的属性，一般做法通过A–B–
多啦-A萌·2024-02-14 15:27

快速构建 React 开发环境

使用create-react-app快速构建React开发环境create-react-app是来自于Facebook，通过该命令我们无需配置就能快速构建React开发环境。
白番茄_·2024-02-14 13:31

项目实战：从零搭建一个基于C++的个人博客系统

在Web开发中，C++通常不是首选语言，因为有许多更高级、更适合Web开发的框架和工具，如React、Angular或Django等。
爱内卷的学霸一枚·2024-02-14 11:24

react中componentWillUnmount中可以做的事

通常是react组件已经从DOM中移除，但是我们在组件中做的一些异步操作还未结束，如：接口调用等，当其完成时，执行setState操作，而此时我们已经将改组件dom移除，从而导致上述问题。
zyghhhh·2024-02-14 10:37

react 【二】 setState/react性能优化/dom操作

文章目录1、setState1.1setState的三种用法1.2setState为什么是异步2、React性能优化2.1react的更新机制2.2如何优化性能2.2.1shouldComponentUpdate2.2.2PureComponent2.2.3memo3
KIKIo_·2024-02-14 10:49

React官网摘抄

https://react.dev/learn1、组件名称大写2、变量，用{}vue中用{{}}react中用{}3、遍历4、state使用
曹天骄·2024-02-14 07:25

React Native布局

像素无关在ReactNative中尺寸是没有单位的，它代表了设备独立像素。
极客天空·2024-02-14 06:55

react【三】受控组件/高阶组件/portals/fragment/严格模式/动画

props增强的基本使用2.3对象增强的应用场景-context共享2.4应用2-鉴权2.5应用3–生命周期劫持2.6、高阶组件的意义3、Portals4、fragment5、StrictMode6、React
KIKIo_·2024-02-14 06:56

react【四】css

文章目录1、css1.1react和vuecss的对比1.2内联样式1.3普通的css1.4cssmodules1.5在react中使用less1.6CSSinJS1.6.1模板字符串的基本使用1.6.2styled-components
KIKIo_·2024-02-14 06:56

react【五】redux/reduxToolkit/手写connext

redux2.1redux的基本使用2.2通过action修改store的数值2.3订阅state的变化2.4目录结构2.5Redux的使用过程2.6redux的三大原则2.7Redux官方图3、redux在React
KIKIo_·2024-02-14 06:56

react【一】 传参

文章目录一、认识React1、第一个react程序2、使用组件重构代码3、遍历列表案例4、计数器案例5、为什么React选择了JSX6、this的绑定问题二、传参2.1事件参数传递2.2传参的案例三、生命周期四
KIKIo_·2024-02-14 06:26

React页面路由 react-router-dom

React页面路由react-router-dom1背景2hash模式3history模式3React路由使用：react-router-dom3.1安装3.2HashRouter和BrowserRouter
橘猫吃不胖～·2024-02-14 06:50
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他