扫地僧

安装npm install @tweenjs/tween.js --save使用在componentDidMount钩子函数中引入tween函数传参调用即可import TWEEN from '@tweenjs/tween.js'const animate = () => { if (TWEEN.update()) { requestAnimationFrame(animate); }}/** * @param {*} context 上下文 * @param {*}

目标import React from "react";import { Link } from "react-router-dom";import { PropTypes } from "prop-types";import "./header-nav.scss";class HeaderNav extends React.Component { constructor(props) { super(props); this.state = { initDeg

背景facebook特点声明式组件化高效虚拟DOM，不总是直接操作domdiff算法，最小化重绘页面issues告诉babel去解析jsx语法react库react.js 核心库babel.min.js 把jsx语法转为js语法react-dom.js 提供操作dom的react扩展库步骤创建虚拟dom，React.createElemen...

一个轻量级的框架dva = redux + redux-sage + react-router + fetch安装npm i dva-cli -g初始化项目dva new project-name项目目录mock--模拟数据src | assets -- 存放静态资源 | components -- 存放公共组件 | models -- 处理页面的业务逻辑 | routes...

进化一1.数据state2.JSX 模板3.数据+模板生成真实DOM显示4.state改变，数据+模板结合生成真实DOM替换原有的DOM缺陷：第二次替换第一次的DOM非常耗性能进化二1.数据state2.JSX 模板3.数据+模板生成真实DOM显示4.state改变5.再次生成真实DOM，但是先不替换6.新旧DOM作对比，找差异7.把差异部分进行替换性能有所提升，...

react生命周期函数在某一个时刻组件自动调用执行的函数render函数也是生命周期函数constructor函数在组件一创建的时候执行componentWilMount 组件即将被挂载到页面的时刻，render之前执行componentDidMount 组件以及被挂载到页面shouldComponentUpdate 组件更新之前，要求返回一个boolean类型的返回结果(你的组件...