大道至简，悟在天成。

一、需求PageHome登录页AppVersion移动端页想要部署的时候通过url可以跳转PageHome登录页面，并且改变url可以跳转AppVersion页面。localhost:12935/projectPage/PageHomelocalhost:12935/projectPage/AppVersion那么问题来了，Umi页面都是通过index.js，生成index.html访问的，只有一个index.js 如何加载多个页面?通过看官方文档:https://um.

一、基本概念WebSocket是一种网络通信协议，如果服务器有连续的状态变化，客户端要获知就非常麻烦。大多数 Web 应用程序将通过频繁的异步请求实现长轮询。轮询的效率低，非常浪费资源（因为必须不停连接，或者 HTTP 连接始终打开）所以这里使用WebSocket 通过登录后跳转到首页，向后台WebSocket建立长链接来达到"即使通讯"，随着页面打开或关闭来更改页面显示的人数，当然...

一、创建项目在WebStorm里面创建一个项目，输入命令：yarn create umi弹出选项，这里我们选择第二项APP。选择是否使用typescript，这里选no，typescript:yes(是) 文件类型改变 (具有扩展名 .dts)这里启用dva功能，选择第二个项目结构构建成功安装yarn，输入yarn进行安装。（这里需要等待一段时间）...

一、TodoList实现列表添加删除功能添加webpack命令:yarn add webpack创建components 目录及TodoList.jspages 目录创建 show用来渲染TodoList组件TodoList.js 代码import React,{ Component } from 'react';//Fragment 隐藏外层标签class Tod...

一、下载React developertools下载地址:https://www.extfans.com/extension/fmkadmapgofadopljbjfkapdkoienihi/二、安装双击打开，继续。启动应用访问页面则为红色三、测试F12 打开会多了一个React，我们通过插件可以看到更详细的信息。...

一、安装PropTypes 插件yarn add prop-types 速度快或者npminstall prop-types 速度慢二、PropTypes 与 DefaultProps用法PropTypes//设置传递的属性类型TodoItem.propTypes ={ content:PropTypes.string.isRequ...

@[toc]目录概念 componentWillMount componentDidMount shouldComponentUpdate componentWillUpdate componentDidUpdate componentWillReceiveProps componentWillUnmount概念生命周期函数:指在某一个时刻组件会自动调用执行的函数 //...

一、基本概念React antd是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。使用地址：https://ant.design/docs/react/introduce-cn使用 npm 或 yarn 安装$ npm install antd --save$ yarn add antd使用antd需要引入：import...

一、下载React developertools下载地址:https://www.extfans.com/extension/lmhkpmbekcpmknklioeibfkpmmfibljd/二、安装启动项目F12,点击the instructions.添加到store//storeimport {createStore} from 'redux'...

一、概念Redux简化数据传递左侧是没有数据框架的传值，右侧则是使用Redux简化后传值。所有值全部放在store管理，一个组件改变了store的内容，其他组件就会感知到来取数据，间接实现数据传递功能。二、Redux工作流程原理图书馆借书例子dispatch(action) 要借书的话Store(state,action) 找到借书的人Reducers...

一、axios概念：Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。(个人理解就是ajax，用来请求和响应数据)安装命令：yarn addaxios 或者 npm install axios二、无状态组件概念：无状态组件顾名思义就是没有状态的组件,如果一个组件不需要管理 state 只是纯的展示,那么就可以定义成无状态组件（个人...

一、基本概念dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，还额外内置了react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。易学易用，仅有 6 个 api，对 redux 用户尤其友好，配合 umi 使用后更是降低为 0 API elm 概念，通过 reducers, effects 和 subscript...

一、安装插件命令： npminstalldedupe 或者 yarn adddedupe 参考网站：https://www.npmjs.com/package/dedupe二、代码例子eg: 1.数组形式去重如下varlist=[1,2,2,3]vardedupe=require('dedupe')varresult=dedupe(li...

一、简介ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据...