react学习

React学习之围棋记谱本制作（四）前端开发初步完成

今天初始完成了页面端的开发工作。把遇到的问题说一说。（1）开始时，对javascript的对象或数组拷贝、赋值理解不是很透，折磨了我好长时间。理解了对象或数组的赋值，实际上相当于C语言中的指针地址赋值，就知道了保存每一步的棋盘状态，要把对象拷贝一个副本，避免后继的变化，影响保存的状态。（2）JQuery提供了对象拷贝的方法，extend。这个方法有深拷贝、浅拷贝之分，如果浅拷贝，不复制对象中的对象
wallimn·2023-11-28 03:16

46.React学习笔记.hooks useReducer - useState替代方案

useReducer是useState的一种替代方案：某些场景下，如果state的处理逻辑比较复杂，我们可以通过useReducer来对其进行拆分；或者，这次修改的state需要依赖之前的state时，也可以使用；一.useReducer的使用image.png参数一reducer纯函数参数二initializerArg初始化值：对基本类型可以直接写；若是对象类型，先解构。importReact,
_生生不息_·2023-11-27 07:57

47.React学习笔记.hooks useCallback

userCallback实际目的是为了进行性能的优化。如何进行性能优化?useCallback会返回一个函数的memoized（记忆的，拼写无误）值；在依赖不变的情况下，多次定义的时候，返回的值是相同的。参数回调函数；依赖项：无依赖时，执行原来的函数；依赖项改变时，函数进行一个更新。返回值返回一个函数的memoized值。一.什么情况不能进行性能优化？每次渲染时，我们组件中的局部变量都要重新定义一
_生生不息_·2023-11-26 10:28

React 学习笔记 - create-react-app踩坑 & eslint

React学习笔记-create-react-app踩坑&eslint问题解决方案eslintrc配置文件解析parserOptions解析器配置env代码运行环境extendsrulespluginsParser
绿胡子大叔·2023-11-24 09:10

初级前端-react学习（1）

day01-day02一、yarn的使用：1.安装yarn注意：为了省事，不要用npmiyarn-g，去安装yarn，而是去下载压缩包，保证注册表和环境变量的硬写入，后期通过yarn安装全局包时方便2.初始化一个新项目yarninit3.添加依赖包``yarnadd[package]``yarnadd[package]@[version]``yarnadd[package]@[tag]4.将依赖项
小耳朵xxl·2023-11-22 21:02

React知识点汇总

本文章用于记录React学习过程中遇到的知识点React17生命周期来源于官网:生命周期初始化挂载阶段-由ReactDome.render()触发constructor()staticgetDerivedStateFromProps
情系半生e·2023-11-21 08:49

50.React学习笔记.hooks useImperativeHandle

useImperativeHandle不容易理解，笔者循序渐进讲一讲自己的理解。回顾一下ref和forwardRef结合使用：通过forwardRef可以将ref转发到子组件；子组件拿到父组件中创建的ref，绑定到自己的某一个元素中。importReact,{useRef,forwardRef}from'react'constHYInput=forwardRef((props,ref)=>{ret
_生生不息_·2023-11-21 06:22

React学习 antd2升级到antd5； Class 中使用 React Hooks，并且能够互相传值

antdmobile2升级到antdmobile5官网上有两种升级方法，使用antd-mobile-v2安装和通过别名安装v5。第一种方法要把项目中所有对antd-mobile的引入都替换为antd-mobile-v2，成本比较大，而且也没有足够时间去测试替换后的项目。因此这里采用第二种安装方式，别名安装。antd官网的升级指南一.antd2升级到antd5$npminstall--saveant
略略略_略·2023-11-20 06:10

React学习资料整理

1.react的简单使用React的简单使用//创建组件classPersonextendsReact.Component{render(){return(Hello{this.props.name})}}//渲染组件ReactDOM.render(,document.getElmentById('root'))2.创建虚拟DOM的到页面的两种方式方式1（推荐）//JSX的语法格式//1.创建虚拟
一只小泰迪·2023-11-19 16:27

React学习总结

文章目录前言--->React学习总结一、JSX二、react状态1.类组件中状态使用2.事件绑定改变this的指向3.状态在函数组件中的使用三、react类组件声明周期（钩子函数）生命周期函数很多，需要掌握
努力学习的有方·2023-11-19 16:54

React学习（React高级）

学习目标：提示：这里可以添加学习目标例如：一周掌握Java入门知识学习内容：提示：React实战二、React高级入门1、脚手架（1）什么是脚手架脚手架本质上就是一个工具插件，可以通过执行指定命令的形式完成项目文件的远程同步！备注：为什么要使用脚手架手工构建项目的方式效率太低，通过脚手架将项目按照固定的格式进行快速构建，提高开发效率！（2）React脚手架React提供了create-react-
城南的夏·2023-11-19 09:45

React + hooks + Ts 实现将后端响应的文件流（如Pdf）输出到浏览器下载

React篇一些关于react学习与总结这篇是记录开发中关于实现将后端响应的文件流（如Pdf）输出到浏览器下载，基于React+Hooks+Ts。
画月的亮·2023-11-16 21:17

React学习（五）— Hooks

目录一、前言二、ReactHooks2.1useState2.2useEffect2.2.1组合componentDidMountcomponentDidUpdate2.2.2componentDidMount2.2.3组合componentDidMountcomponentWillUnmount2.3useMemo2.4useCallback2.5useContext2.6useRef三、总结一
小绵杨Yancy·2023-11-15 13:43

React学习笔记---入门篇

React学习笔记（一）一、介绍1、React是什么？
丑小鸭变黑天鹅·2023-11-14 12:48

React学习——封装组件

前端实习经验分享一：从学习React技术开始（以官方文档为基础，跟随师父了解公司项目业务逻辑），为公司封装组件进一步了解React最大特点——模块化。也感受到封装组件的重要性。下面我会通过一个案例总结封装组件的场景、过程、技巧。封装组件（一）优点使结构清晰；组件复用；拓展组件；（二）场景当多个复杂组件具有层层嵌套关联时，为了增加代码可视性考虑封装组件。比如：这样一个经典的列表页，由查询表单Form
七月的冰红茶·2023-11-12 12:39

React学习:05 React组件之间如何传递数据

React组件之间如何传递数据使用react组件的时候我们经常会把一些常用的组件组合到一起,定义成一个新的组件,一般前端页面会有一个父组件,这个组件中定义了当前页面中所需的变量,如何把这些变量传递给子组件呢?react的设计哲学表明:React中的数据流是单向的，并顺着组件层级从上往下传递。也就是说当你设计好页面的功能和组件的布局是,就要考虑好state应该安放在哪里,一般这个state都会放到顶
这里不提提纳里·2023-11-12 07:30

React 学习笔记 - 利用高阶组件和React Hooks实现权限拦截

React学习笔记-利用高阶组件和ReactHooks实现权限拦截思路实现注入权限列表抽离Context向页面注入权限列表的HOC向根组件注入权限含有权限拦截功能的HOC无权限时显示的组件权限拦截HOC
绿胡子大叔·2023-11-11 08:52

React学习笔记——lazyLoad

当未使用懒加载时，页面一打开，就将所有的路由组件给加载到页面了如果路由组件很多，且用户不会真正访问到那么多的路由组件，那么就相当于加载了不需要的多余组件因此，可以使用路由懒加载，当用户真正需要访问的时候再去请求如下import{lazy,Suspense}from'react'import{Route}from'react-router-dom'constHome=lazy(()=>import(
Kevin11Yao·2023-11-10 12:57

react学习笔记-06 -- Redux & react-redux & redux-thunk

ReduxRedux中文文档安装npminstall--saveredux原理图storestore(仓库)存放整个应用的state。createStore创建仓库import{createStore}from'redux';importreducerfrom'./store/reducer';letstore=createStore(reducer)//createStore还有第二个参数，表示
weixin_47360323·2023-11-10 11:03

React学习笔记——react-redux的使用

前言react-redux不同于redux，前者的诞生是由于react出品方认为使用rudux的react使用者太多了，进而Facebook公司自己出了react-redux来更好的优化react的使用。使用react-redux安装react-reduxyarnaddreact-redux在react-redux中，将组件分为两类：UI组件、容器组件1.UI组件1)只负责UI的呈现，不带有任何业
Kevin11Yao·2023-11-10 11:02

React学习笔记之redux与react-redux

React学习笔记之redux与react-redux前言安装redux使用原理定义静态变量constant.js实现ActionCreators(count_action.js)实现Store(store.js
小白wwj·2023-11-10 11:01

【React】React学习笔记4（Redux、React-Redux）

React学习笔记4（Redux、React-Redux）零l说明一lRedux基础（一）Redux工作流程（二）Redux核心API1、store对象2、createStore(reducer)3、applyMiddleware
Artlex·2023-11-10 11:30

react学习笔记---redux

redux01-redux精简版---redux原理图如下：02-redux完整版03-redux异步action版04-react-redux基本使用05-react-redux的优化06-react-redux数据共享版07-react-redux开发者工具的使用08-react-redux最终版01-redux精简版—redux原理图如下：redux精简版总结（1）去除Count组件自身的状
苏米素·2023-11-10 11:59

React学习笔记---redux

redux一、redux理解1、学习文档2、redux是什么3、什么情况下需要使用redux4、redux工作流程二、redux的三个核心概念1、action2、reducer3、store三、引出Redux编程的案例1、使用纯react去编写2、精简版Redux3、完整版Redux4、异步Action版四、redux的核心API总结五、react-redux的基本使用（官方出的插件库，和Redu
丑小鸭变黑天鹅·2023-11-10 11:56

慕课网 react学习笔记-- react-redux 进行数据管理（部分）

一、首先在src下创建store文件夹二、在store下面创建index和reducer代码如下index.js如下import{createStore}from'redux'importreducerfrom'./reducer'conststore=createStore(reducer)exportdefaultstorereducer.js如下constdefaultState={focu
睿骞·2023-11-10 11:25

Web全栈架构师（二）——React学习笔记（3）

React学习笔记项目实战资源页面布局用户登录认证商品列表加购物车界面React原理React核心APIJSX自定义实现Reactkreact.jskreact-dom.jskvdom.js总结PureComponentsetStatediff
讲文明的喜羊羊拒绝pua·2023-11-10 04:54

react学习

react相关的组件APIhttps://ant.design/components/card-cn/#目录结构#我们已经为你生成了一个完整的开发框架，提供了涵盖中后台开发的各类功能和坑位，下面是整个项目的目录结构。├──config#umi配置，包含路由，构建等配置├──mock#本地模拟数据├──public│└──favicon.png#Favicon├──src│├──assets#本地静
qiu_lovejun998·2023-11-10 04:47

React学习（一）：React+antd出现locale模块缺失的问题

问题阐述：这段时间在完成毕设的一个众筹DAPP项目，前端这边使用的是React+antd的技术栈。不打算写多高性能，最起码这个基本页面得过得去。在React项目中引入antd，直接报了一个错，我觉得这不是我的错，而是一个实实在在的框架bug。官网直接copy的代码，它整个locale模块缺失，顺着目录找下去，全齐活，它还就是告诉你模块不存在。大概是这个样子的错误然后我跟它磕了两天，对付这种问题没有
Andy_文铎·2023-11-08 00:27

React学习笔记

一、基础1.概念React是用于构建用户界面的JavaScript库（只关注视）2.特点声明式编程：React使创建交互式UI，当数据变动时React能高效更新并渲染合适的组件。组件化:构建管理自身状态的封装组件，然后对其组合以构成复杂的UI。高效：React通过对DOM的模拟，最大限度地减少与DOM的交互。灵活：无论你现在使用什么技术栈，都可通过引入React来开发新功能。3.高效原因使用虚拟(
EUEY·2023-11-07 05:51

19 React学习笔记.React中的样式

组件化天下的CSS组件化开发中合适的CSS应该符合以下条件：可以编写局部css：css具备自己的局部作用域，不会随意污染其他组件内的原生；可以编写动态的css：可以获取当前组件的一些状态，根据状态的变化生成不同的css样式；支持所有的css特性：伪类，动画，媒体查询等；编写简洁方便，符合一贯的css风格；一.内联样式官方推荐的一种写法：style接受一个小驼峰命名属性的JS对象，而不是CSS字符串
_生生不息_·2023-11-06 11:14

React学习三（React的事件处理）

文章目录一、React事件处理二、React中的事件处理函数1、使用ES6的箭头函数（1）在render中使用箭头函数（2）使用classfields语法2、在constructor函数中bind3、在render函数中使用bind4、注意三、事件处理中传参1、直接传递参数2、使用data属性四、事件流五、事件委托六、事件对象（1）扩展（2）在异步操作中获取event（3）原生事件和合成事件的混合
二十一块石头·2023-11-04 02:38

React基础源码解析

前言：前端魔术师卡颂的react学习视频（1搭建项目架构_哔哩哔哩_bilibili）中提到了RodrigoPombo的一篇react源码教程：BuildyourownReact本文档分组旨在翻译和记录这篇文章的学习心得
yunsiyu·2023-11-03 19:06

React学习笔记

React学习笔记概述React是用于构建用户界面的JavaScript库。现在前端领域最为流行的三大框架：VueReactAngular其中，Vue和React是国内最为流行的两个框架。
zui初的梦想·2023-11-01 07:00

React

一、React尚硅谷React学习视频：尚硅谷学习视频尚硅谷:http://www.atguigu.com/Vue学习视频(尚硅谷)：https://www.bilibili.com/video/BV1wy4y1D7JT
Jin-进·2023-10-31 18:32

React学习记录

源文链接：https://zh-hans.reactjs.org/docs/composition-vs-inheritance.htmlHelloWorldReactDOM.render(Hello,world!,document.getElementById('root'));JSX一个JavaScript的语法扩展.。constname='JoshPerez';constelement=He
龙哈哈_4b89·2023-10-31 06:46

05-3.React学习笔记.虚拟DOM（部分）

虚拟DOM的创建过程##image.png我们通过React.createElement最终创建出来一个ReactElement对象，函数->对象。原因是React利用ReactElement对象（JS对象体现）组成了一个JS的对象树，JS的对象树就是虚拟DOM。image.png我们将babel转义过的jsx语法通过控制台输出。结果如上图。image.png直接输出jsx语法，与步骤2结果相同。
_生生不息_·2023-10-29 10:39

React学习笔记（三）

脚手架开发npxcreate-react-app{app-name}cd{app-name}->npmrunstart正确使用setState不要直接修改State，而是使用setState修改；Props和State的更新可能是异步的，不要依赖他们的值来更新下一个状态。//Wrongthis.setState({counter:this.state.counter+this.props.incr
老夫当年也是神一般的少年·2023-10-28 13:41

React介绍及CDN方式实现Hello React案例

#React学习--day01##一、React简要介绍和学习路线###1、React是什么？
菜鸟进阶ing·2023-10-28 06:13

技术栈理解和梳理

而开发方面知识就是pythonWeb开发和前端vue和react学习。而
武定路·2023-10-27 11:06

react学习(九) React 新的生命周期

我们在之前已经学习过react生命周期，但是在16版本中will类的生命周期进行了废除，虽然依然可以用，但是需要加上UNSAFE开头，表示是不安全的。React16废弃的生命周期有3个will：componentWillMountcomponentWillReceivePropscomponentWillUpdate废弃的原因，是在React16的Fiber架构中，可以中间进行暂停重启操作，调和过
weixin_41364787·2023-10-26 08:18

React学习笔记——向路由组件传递params参数的3种方式

路由组件的属性params参数特点：路径中会暴露信息值，且需要声明接收路由链接(携带参数)：//直接传属性详情//在该组件内部访问对象并传参详情注册路由(声明接收)：接收参数方式：const{name,age}=this.props.match.paramssearch参数特点：需要querystring库的支持，进行数据处理，在路径中需要添加传入的参数数据，标志为“?”路由链接(携带参数)：详情
Kevin11Yao·2023-10-23 16:49

如何手写react-redux中的connect函数

在react学习中，redux是比较难理解的一个点，今天我们就深入了解一下如何用redux来实现react-redux中connect函数从而便于理解和使用react-redux。
nyqykk·2023-10-19 01:27

React学习(二) React基础JSX

上一篇文章我们介绍了React的使用，并在通过了解create-react-app生成的目录结构后写了自己的第一个React程序。这一次我们讲系统讲解一下React的基础内容。JSXconstelement=Hello,world!这个既不是字符串也不是HTML，这个就是JSX的语法，注意在使用JSX语法的时候一定要先引入React，也就是importreactfrom'react'。嵌入表达式c
IT_枭枫·2023-10-18 23:03

react学习(一)______初识react

react的起源与发展react起源于Facebook的内部项目，因为当初Facebook团队对市场上的MVC框架都不满意，其实，Facebook团队自己并不认可MVC的开发模式，所以就自己内部的开发一套框架，开发出来以后觉得很好用，于是决定开源，开源时间于2013年开源。react是什么？引用官方的话，react是一个声明式、高效且灵活的用于构建用户应用界面的JavaScript库。简单的说：r
胸不平·2023-10-18 07:31

react学习笔记-3：项目路径配置

配置路径别名vite默认不支持相对路径，只识别绝对路径，所以需要配置路径别名，方便库和文件引用在vite.config.ts中添加配置tips：默认识别不到path库，需要安装声明：npmi-D@types/node引入path库，添加默认路径配置import{defineConfig}from'vite'importreactfrom'@vitejs/plugin-react'importpat
snipercai·2023-10-17 06:12

React学习笔记02_面向组件编程

第2章：React面向组件编程2.1.基本理解和使用2.1.1.使用React开发者工具调试2.1.2.效果函数式组件：2.1.3.注意组件名必须首字母大写虚拟DOM元素只能有一个根元素虚拟DOM元素必须有结束标签functionDemo(){return自定义组件}constVDOM=({myData})ReactDOM.render(VDOM,document.getElementById('
淮里没有猫·2023-10-16 01:39

React 学习手册（第二版）阅读体验

react学习手册前端开发经历了多个阶段一般事件响应阶段flash基于jQuery的ajax应用如雨后春笋出现的多个框架的阶段目前：react和vue二人转阶段无疑react成为了最流行的前端开发框架。
深圳都这么冷·2023-10-14 03:42

【React】React学习笔记3（React路由、Ant Design）

React学习笔记3（React路由、AntDesign）零l说明一lReact路由基础（一）【了解】一些概念1、SPA（SinglePagewebApplication单页Web应用）2、路由3、路由组件与一般组件
Artlex·2023-10-11 05:46

Ant Design of React 创建项目及运行环境

AntDesignofReact学习笔记（1）创建项目及运行环境本文使用create-react-app创建一个TypeScript项目，并引入antd。
键指江湖·2023-10-09 16:05

Ant Design of React组件引用及路由跳转

AntDesignofReact学习笔记（2）AntDesignofReact组件引用及路由跳转，接着笔记(1)继续这里我们主要3点：1.使用Ant的组件；2，如何引用页面组件；3，路由导航跳转这是我的目录结构公共组件目录定义了公共组件
键指江湖·2023-10-09 16:31
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他