React

React / 2022-03-08

ReduxRedux 核心原理statethis.state ={ todos: [{ text: 'Eat food', completed: true }, { text: 'Exercise', completed: false }], visibilityFi

React / 2022-03-08

ECMAScript6目标熟练使用ES6语法SymbolPromise对象什么是ES6ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。ES6 主要是为了解决 ES5 的先天不足,比如 JavaScript 里并没有类的概念,Let、c

React / 2022-03-08

React 第一天目标熟悉 webpack的安装和基本使用.CSS、.SCSS 文件类型ES5、ES6 语法JSX 语法webpackwebpack是一个 Javascript 应用程序的静态模块打包器,当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency grap

React / 2022-03-08

ES6 class关键字构造函数// 构造函数class Person{ constructor(name,age){ console.log("我是构造函数,我默认在new这个类的实例的时候调用") this.name = name; this.age =

React / 2022-03-08

ES6:Promise和ClassPromisePromise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。Promi

React / 2022-03-08

React-router和React-router-dom目标单页面应用单页Web应用(single page web application,SPA),就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。浏览器一开

React / 2022-03-08

React UI 组件Ant.Designmaterial-uiBootStrap

React / 2022-03-08

React-Router-dom目标熟练使用 React-router-dom和 React-router前端路由前端路由和网络上的路由器功能很像。前端路由也是进行分发操作,只不过其分发的是页面跳转请求。//React-router-dom:import {Swtich, Route, Router

React / 2022-03-08

React 生命周期创建阶段钩子函数constructor构造函数,组件被创建时调用一次,有且只调用一次,为默认state赋初始值。componentWillMount组件即将被渲染的时候调用,render()函数之前调用,有且只调用一次,在组件渲染之前进行的操作:操作默认statecomponen

React / 2022-03-08

)}#### Class 关键字构建组件```JavaScriptclass HelloMessage extends React.Component { render() { return <h1>Hello World!</h1>; }}区别用构造函数创建出来的