React
众生皆苦你是草莓味
这个作者很懒,什么都没留下…
展开
-
React基本概念
1.React简介——起源于Facebook的内部项目,在2013年5月开源了,性能出众,代码逻辑简单;——清楚两个概念library(库):小而巧,只提供了特定的API,可以很方便的从一个库切换到另外的库,但是代码几乎不会改变Framework(框架):大而全,提供了一整套的解决方案,所以如果在项目中间想切换到另外的框架是比较困难的2.React和Vue的对比组件化方面——什么是模...原创 2019-05-16 09:56:39 · 150 阅读 · 0 评论 -
React实现CSS过渡动画
1.简单的过渡动画效果import React,{Component,Fragment} from 'react';import './App.css';class App extends Component{ constructor(){ super() this.state={ show:true } this.handleClick = ...原创 2019-05-22 17:37:12 · 1197 阅读 · 0 评论 -
React中的虚拟DOM和DIff算法
虚拟DOM——是框架中的概念,是程序员用JS对象来模拟页面上的DOM和DOM嵌套,是为了实现DOM元素的高效更新——实现页面的按需更新(获取到页面中新旧两个DOM树,进行对比,获取需要更新的DOM元素)——获取新旧新旧DOM树(需要程序员手动模拟)——DOM是浏览器上提供的概念,用JS对象表示页面上的元素,并提供了操作元素的APIDiff算法——**tree diff:**将新旧两棵D...原创 2019-05-17 16:22:01 · 193 阅读 · 0 评论 -
创建一个webpcack4.x项目
1.新建一个文件夹2.运行npm init -y 快速初始化项目(package.json)3.在项目根目录创建src源代码目录和dist产品目录4.在src目录下创建index.html5.使用cnpm 安装webpack,运行cnpm i webpack-cli -D6.建立如下目录(在webpack4.x中,有一个特性,约定大于配置,即默认的打包入口路径是Index.js,打包的...原创 2019-05-17 18:41:29 · 177 阅读 · 0 评论 -
Redux
1.Redux概念——Redux把所有数据存储在store里进行管理,一个组件改变了store数据里的内容,其他的组件感知到store的变化,再来取数据,这样就实现了一个组件之间数据传递的功能2.使用Antd实现ToList布局import React,{Component,Fragment} from 'react';import 'antd/dist/antd.css';import...原创 2019-05-22 22:21:30 · 147 阅读 · 0 评论 -
React语法及使用
1.使用React渲染一个最基本的页面//1.导入import React from "react";//创建组件、虚拟DOM元素,生命周期import ReactDOM from 'react-dom';//把创建好的组件和虚拟DOM放到页面上去展示的//2.创建虚拟DOM元素//参数1:创建的元素的类型//参数2:是一个对象或null,表示当前这个DOM元素的属性//参数3:子...原创 2019-05-17 20:10:07 · 324 阅读 · 0 评论 -
React-Hooks规则及用法
使用规则1.只在顶层调用Hook不要在循环,条件或者嵌套函数中调用Hook。要在React函数的顶层使用Hooks。只要遵循这个规则,就可以确保每次组件渲染时都已相同的顺序调用Hook。这就是允许React在多个useState和ussEffect调用之间能正确保留Hook的原因。**解释:**我们可以在单个组件中使用多个State或Effect Hook,...原创 2019-08-13 18:18:53 · 689 阅读 · 0 评论