React系列
文章平均质量分 83
懂懂kkw
持续精进
展开
-
React (3) react 笔记
1. react 特点声名式开发 (可以减少大量操作dom) 可以与其他框架并存 (react 只挂载一个元素上, 其他框架挂用另外元素就行了) 组件化 单项数据流 (父组件操作数据, 子组件调用父组件方法间接改变数据) 视图层框架 (redux, flux, 状态管理库) 函数式编程 (函数式编程更容易实现前端自动化测试)2. render当组件的state或者props...原创 2018-11-26 16:46:17 · 218 阅读 · 0 评论 -
React (1) 简介
1. React 简介Facebook 推出 2013 年 5月 开源 函数式编程 使用人数最多的前端框架 健全的文档与完善的社区 React Fiber (v16.x) 官网library (库) : 小而巧的库, 只提供了特定的API . Framework (框架) : 大而全的框架, 提供了一整天的解决方案 . 2. 前端三大主流框架Angular...原创 2018-11-16 16:32:43 · 194 阅读 · 0 评论 -
React (2) 核心概念
1. 虚拟 DOM (Virtual Document Object Model)DOM 的本质是什么 : 浏览器中的概念, 用 JS 对象来表示 页面上的元素, 并提供了操作 DOM 对象的API 什么是React 中的虚拟DOM : 是框架中的概念, 是程序员 用 JS 对象来模拟 页面上的 DOM 和 DOM 嵌套 为什么要实现虚拟DOM : 为了实现页面中, DOM元素的 高效...原创 2018-11-19 15:21:31 · 231 阅读 · 0 评论 -
React (4) Redux
1. Redux 介绍Redux 就是把数据存储到一个公共的文件store里面, 任何组件都可以去存和取数据 Redux = Reducer + Flux2. Redux 的工作流程3. 使用 Antd + Reactstore文件夹里面建立两个文件 store.js 和reducer.jsindex.js 主要作为一个中间站的作用import {createSt...原创 2018-12-03 17:11:00 · 97 阅读 · 0 评论 -
React (5) Redux 进阶
1. UI 组件render()函数放在另外一个单独的UI.js 文件和动作行为分开 UI 上面所用的数据和函数, 通过父组件传递过来,用 this.props 来接收 UI 组件下面:import 'antd/dist/antd.css';import { Input, Button, List } from 'antd';import React, {Component} f...原创 2018-12-07 11:58:10 · 261 阅读 · 0 评论 -
React (7) ajax 获取数据
1. 为什么要用中间件Action 发出以后,Reducer 立即算出 State,这叫做同步;Action 发出以后,过一段时间再执行 Reducer,这就是异步。中间件就是让 Reducer 在异步操作结束后自动执行store/index.js 1. 引入 redux-thunkimport {createStore,applyMiddleware, compose...原创 2018-12-17 18:07:38 · 458 阅读 · 0 评论