React框架学习笔记

万字长文介绍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

Python Flask Web 框架学习笔记+完整项目

Flask是一个轻量级的基于Python的web框架。我们建议使用最新版本的Python。Flask支持Python3.8及更高版本。官网：欢迎使用Flask—Flask文档（3.0.x）(palletsprojects.com)完整项目：1.简介Flask是一个轻量级的PythonWeb应用框架，它由ArminRonacher开发并由社区维护。Flask的设计理念是简单、灵活，它提供了构建Web
放风筝的猪·2024-02-14 10:27

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

react【六】 React-Router

文章目录1、Router1.1路由1.2认识React-Router1.3Link和NavLink1.4Navigate1.5NotFound页面配置1.6路由的嵌套1.7手动路由的跳转1.7.1在函数式组件中使用
KIKIo_·2024-02-14 06:20

npm报错之package-lock.json found. 问题和淘宝镜像源过期问题

1、package-lock.jsonfound.问题的解决在执行yarnaddreact-transition-group-S安装react-transition-group时出现package-lock.jsonfound.YourprojectcontainslockfilesgeneratedbytoolsotherthanYarn.Itisadvisednottomixpackagema
IceSugarJJ·2024-02-14 06:46

中高级前端应该掌握哪些技术？看看自己达标了么

是否秃头：否女朋友配置：1个以上二、12项技术前端框架和库：掌握至少一种主流的前端框架和库，如React、Vue
贝格前端工场·2024-02-14 05:55

（二）spring cloud微服务分布式云架构 - 整合企业架构的技术点

下面我针对于springcloud微服务分布式云架构做了以下技术总结，希望可以帮助到大家：View：H5、Vue.js、SpringTag、React、angularJsSpringBoot/SpringCloud
fumi106·2024-02-14 05:29

Gateway微服务网关

SpringCloudGatewaySpringCloudGateway是SpringCloud生态系统中的网关，它是基于Spring5.0、SpringBoot2.0和ProjectReactor等技术开发的
杀了小惠·2024-02-14 05:23

web3知识体系汇总

3.技术栈Web3.jsSolidity(智能合约)NFTHtml/js/css/react/typescript/nodejsSwarm(存储)FilecoinDAOGa
mask哥·2024-02-14 05:52

Vue3高频知识点和写法

但是暂时不是响应式数据，如果要响应式数据的话，必须使用ref和reactivesetup函数是没有this的，直接使用就行setup(){letdata=1;functionset
Erica_莲子·2024-02-14 03:52

React18原理: 时间分片技术选择

渲染1w个节点的不同方式1）案例1：一次渲染1w个节点functionrandomHexColor(){return"#"+("0000"+(Math.random()*0x10000001次完成1w个节点的渲染可以看到，圈中的部分，明显被阻塞，这一块绝对会导致用户体验很差2）案例2:1w个节点分100次执行，每次执行100个varroot=document.getElementById("roo
Wang's Blog·2024-02-14 01:21

React18原理: 核心包结构与两大工作循环

React核心包结构1)reactreact基础包，只提供定义react组件(ReactElement)的必要函数一般来说需要和渲染器(react-dom,react-native)一同使用在编写react
Wang's Blog·2024-02-14 01:51

vue3中的setup

return数据以及方法了（这种方法一旦使用就不再有选项式api了）consta=1（这样声明的数据没有响应式，就是不能和页面双向绑定）constnum=ref（0）（ref是一个声明响应式数据及方法，它是由reactive
千杯不倒王尧·2024-02-14 00:39

React 脚手架项目,typescript,在vscode中进行调试,并重写console.log

使用create-react-app脚手架创建的项目,一般默认是在chrom中进行调试,但是如果你想要在vscode中进行调试,就要做相应的配置,并且原有的日志功能也不是很完善,所以下面我们就想办法让React
老菠·2024-02-13 23:48
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他