摘要：
js保留两位小数方法总结 最近在做结算系统，经常需要用到金额保留两位小数，刚开始我一直用的是Angular中的过滤器number |2，但是，这无法满足我的需求。问题是，当用户离开文本框时，我需要将用户输入的内容转换成保留两位小数的格式，我想了好久，没有想出来，然后我试了toFixed()方法，这个 阅读全文
摘要：
一、render props 1.如何向组件内部动态传入带内容的结构(标签)? Vue中: 使用slot技术, 也就是通过组件标签体传入结构 <AA><BB/></AA> React中: 使用children props: 通过组件标签体传入结构 使用render props: 通过组件标签属性传入 阅读全文
摘要：
一、Context 1. 理解 一种组件间通信方式, 常用于【祖组件】与【后代组件】间通信 2. 使用 1) 创建Context容器对象： const XxxContext = React.createContext() 2) 渲染子组时，外面包裹xxxContext.Provider, 通过val 阅读全文
摘要：
一、Hooks 1. React Hook/Hooks是什么? (1). Hook是React 16.8.0版本增加的新特性/新语法 (2). 可以让你在函数组件中使用 state 以及其他的 React 特性 2. 三个常用的Hook (1). State Hook: React.useState 阅读全文
摘要：
一、setState 1. setState更新状态的2种写法 (1). setState(stateChange, [callback]) 对象式的setState 1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它在状态更新完毕、界 阅读全文
摘要：
一、基本使用 (1).明确两个概念： 1).UI组件:不能使用任何redux的api，只负责页面的呈现、交互等。 2).容器组件：负责和redux通信，将结果交给UI组件。 (2).如何创建一个容器组件————靠react-redux 的 connect函数 connect(mapStateToPr 阅读全文
摘要：
一、分析 (1).明确：延迟的动作不想交给组件自身，想交给action (2).何时需要异步action：想要对状态进行操作，但是具体的数据靠异步任务返回。 (3).具体编码： 1).npm add redux-thunk，并配置在store中 2).创建action的函数不再返回一般对象，而是一个 阅读全文
摘要：
一、Redux理解 1. 学习文档 英文文档: https://redux.js.org/ 中文文档: http://www.redux.org.cn/ Github: https://github.com/reactjs/redux 安装 npm install --save react-redu 阅读全文
摘要：
一、antd的按需引入+自定义主题 1.安装依赖：npm install react-app-rewired customize-cra babel-plugin-import less less-loader antd 2.修改package.json .... "scripts": { "sta 阅读全文
摘要：
一、向路由组件传递参数 1.params参数 路由链接(携带参数)：<Link to='/demo/test/tom/18'}>详情</Link> 注册路由(声明接收)：<Route path="/demo/test/:name/:age" component={Test}/> 接收参数：this. 阅读全文
摘要：
一、NavLink NavLink可以实现路由链接的高亮，通过activeClassName指定样式名 <NavLink activeClassName="demo" className="list-group-item" to="/about">About</NavLink> <NavLink a 阅读全文
摘要：
一、SPA的理解 单页Web应用（single page web application，SPA）。 整个应用只有一个完整的页面。 点击页面中的链接不会刷新页面，只会做页面的局部更新。 数据都需要通过ajax请求获取, 并在前端异步展现。 二、路由的理解 什么是路由? 一个路由就是一个映射关系(ke 阅读全文
摘要：
一、PubSubJS的使用 工具库: PubSubJS 下载: npm install pubsub-js --save 使用: 1) import PubSub from 'pubsub-js' //引入 2) PubSub.subscribe('delete', function(data){ 阅读全文
摘要：
1. 理解 1.1. 前置说明 React本身只关注于界面, 并不包含发送ajax请求的代码 前端应用需要通过ajax请求与后台进行交互(json数据) react应用中需要集成第三方ajax库(或自己封装) jQuery: 比较重, 如果需要另外引入不建议使用 axios: 轻量级, 建议使用 1 阅读全文
摘要：
一、 使用create-react-app创建react应用 1.1. react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置（语法检查、jsx编译、devServer…） 下载好了所有相关的依赖 可以直接运行一个简单效果 react提供了一个用于创 阅读全文
摘要：
一、key的作用 1. 虚拟DOM中key的作用： 1). 简单的说: key是虚拟DOM对象的标识, 在更新显示时key起着极其重要的作用。 2). 详细的说: 当状态中的数据发生变化时，react会根据【新数据】生成【新的虚拟DOM】, 随后React进行【新虚拟DOM】与【旧虚拟DOM】的di 阅读全文
摘要：
一、高阶函数 如果一个函数符合下面2个规范中的任何一个，那该函数就是高阶函数。 1.若A函数，接收的参数是一个函数，那么A就可以称之为高阶函数。 2.若A函数，调用的返回值依然是一个函数，那么A就可以称之为高阶函数。 常见的高阶函数有：Promise、setTimeout、arr.map()等等 二 阅读全文
摘要：
一、理解 组件从创建到死亡它会经历一些特定的阶段。 React组件中包含一系列勾子函数(生命周期回调函数), 会在特定的时刻调用。 我们在定义组件时，会在特定的生命周期回调函数中，做特定的工作。 二、 生命周期流程图(旧) 生命周期的三个阶段（旧） 1. 初始化阶段: 由ReactDOM.rende 阅读全文
摘要：
一、refs 1. 理解 组件内的标签可以定义ref属性来标识自己 2. 编码 字符串形式的ref <input ref="input1"/> 获取值：const { input1 } = this.refs; console.log（input.value） 2. 回调形式的ref <input 阅读全文
摘要：
一、 理解 每个组件对象都会有props(properties的简写)属性 组件标签的所有属性都保存在props中 通过标签属性从组件外向组件内传递变化的数据 二、作用 注意: 组件内部不要修改props数据 内部读取某个属性值 三、编码操作 内部读取某个属性值 this.props.name 2. 阅读全文
摘要：
一、理解 state是组件对象最重要的属性, 值是对象(可以包含多个key-value的组合) 组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件) 二、 强烈注意 组件中render方法中的this为组件实例对象 组件自定义的方法中this为undefined，如何 阅读全文