React
文章平均质量分 91
JavaScript库
南栀~zmt
新手小白
展开
-
【React】react-router-dom
路由原创 2022-05-12 16:12:34 · 2510 阅读 · 1 评论 -
【React】React路由概念
路由原创 2022-04-28 16:17:53 · 706 阅读 · 0 评论 -
【React】Context
Context原创 2022-04-25 09:04:17 · 1676 阅读 · 0 评论 -
【React】React-Redux
react-redux原创 2022-04-21 17:53:24 · 4085 阅读 · 0 评论 -
【React】Redux
文章目录1. 设计思想2. 三大原则3. `createStore(reducer)`3.1 store3.2 `reducer(state,action)`3.3 `getState()` `dispatch()` `subscribe()`3.4 `bindActionCreators()`4. 购物车案例5. 小结Redux是一款著名的JavaScript状态管理容器。也就是说,Redex除了和React配合使用,还可以配置JS、Vue使用。1. 设计思想Redux是将整个应用状态存储到一原创 2022-04-20 19:58:05 · 835 阅读 · 0 评论 -
【React】React Hooks
React Hook原创 2022-03-31 21:18:40 · 625 阅读 · 0 评论 -
【React】事件处理基本用法、受控组件 非受控组件
事件处理基本用法、受控组件 非受控组件原创 2022-03-31 16:36:31 · 1236 阅读 · 0 评论 -
【React】setState是同步的还是异步的?
异步情况下的setState()import React,{Compontent} from 'react';class Mydemo extends React.Component { state = { num: 0 }; add = () => { this.setState({ num: this.state.num + 1 }) console.log(this.state转载 2022-03-31 15:45:41 · 3651 阅读 · 1 评论 -
【React】React组件的生命周期
React组件的生命周期原创 2022-03-28 21:22:46 · 478 阅读 · 0 评论 -
【React】函数式组件与类组件的不同
函数组件与类组件的区别原创 2022-03-28 20:07:03 · 1999 阅读 · 0 评论 -
虚拟dom
虚拟DOM原创 2022-03-28 09:54:20 · 1080 阅读 · 0 评论 -
React和Vue的区别
react与vue的区别原创 2022-03-28 16:49:25 · 9486 阅读 · 1 评论 -
【React】react子组件给父组件传值、父组件给子组件传值
文章目录父组件给子组件传值子组件给父组件传值父组件向子组件传值: 父通过初始state,子组件通过this.props进行接收。子组件向父组件传值: 需在父设置接收函数和state,同时用props将函数名传入子孙。父组件给子组件传值父组件Comment.js/* 父组件Comment */import React from 'react';import CommentList from './CommentList';class Comment extends React.Com原创 2021-11-15 20:12:20 · 1510 阅读 · 3 评论 -
【React】React三大属性:Props、State、Refs
React框架定义了一个Props的概念, 专门用来实现React组件接受参数的输入。每个组件对象都会有props(properties的简写)属性。组件标签的所有属性都保存在props中。function HelloMessage(props) { return <h1>Hello {props.name}!</h1>;} const element = <HelloMessage name="Runoob"/>; ReactDOM.rend.原创 2021-11-06 16:50:51 · 743 阅读 · 0 评论 -
【React】React组件(函数式组件、类组件)
文章目录React组件介绍函数组件React组件介绍React组件可以将UI切分成一些独立的、可复用的部件, 这样有助于设计人员专注于构建每一个单独的部件。React组件通过Props可以接收任意的输入值React语法是基于版本ECMAScript6实现的。因此,React组件除了通过JavaScript函数形式实现,还可以通过ES6 Class(类)的形式来实现。组件就是页面上的一部分,大大小小的各种组件拼在一起就变成了一个完整的页面,就像我们玩的拼图,需要一块一块的拼接在一起才能变成一副原创 2021-10-29 17:46:39 · 907 阅读 · 0 评论 -
【React】React JSX
JSX原创 2021-10-18 20:31:59 · 307 阅读 · 0 评论 -
【React】概述、基本使用方式...
文章目录React概述React虚拟DOMReact的渲染机制React的基本使用方式React概述是一个JavaScript库,旨在简化可视化界面的开发起源于Facebook的内部项目,于2013年5月开源。基于JSX的语法,JSX是React的核心组成部分,它使用xml标记的方式去直接声明界面,和html、js混写React核心是组件,组件的设计提高了代码的复用率,降低了测试的难度和代码复杂度。组件将数据和逻辑进行封装中文官网:React中文官方文档框架用途:React主要用于构建U原创 2021-10-18 19:12:07 · 229 阅读 · 0 评论 -
【React】diff算法
diff算法传统diff、React diffReact 三大策略React中key的引入、性能的提升diff算法作为Virtual DOM的加速器,其算法的改进优化是React整个界面渲染的基础和性能的保障,同时也是React源码中最神秘的,最不可思议的部分。传统diff、React diff传统diff算法:通过循环递归对节点进行依次对比,算法复杂度达到 O(n^3)如果要展示1000个节点,得执行上亿次比较。。即便是CPU快能执行30亿条命令,也很难在一秒内计算出差异。React d原创 2021-09-23 20:31:34 · 456 阅读 · 0 评论