React管理系统搭建二

使用三元符进行表单切换

React事件（自定义的函数）的触发通过onclick

JSX中onclick挂载的函数在组件范围内，不会污染全局空间，使用了事件委托捕获所有的点击事件，DOM树上只添加了一个事件处理函数，根据具体组件分配给特定的函数

子组件通过props获取父组件的所有属性

React的特点：组件化，功能的跳转通常是一个页面切换组件的方式进行

表单验证使用antd提供的字段，自定义验证使用ES6结构

ES6解构：在es6以前，常用arr[i]的形式，来获取下标为i的数组值;在es6里面提供了解构，解构是针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。避免为了一个小数据挖掘整个机构，方括号[ ]表示被解构的数组

正则表达式

同源策略：限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。

1.避免CSRF攻击

2.DOM就是文档对象模型，一颗对象树

跨域：指不同域名之间相互访问，浏览器不能执行其他网站的脚本，A域名下的JavaScript无法操作B或是C域名下的对象

用户认证：前后端分离通过Restful API进行数据交互时，验证用户的登录信息及权限。传统的方式，前端登录，后端根据用户信息生成一个token，并保存这个 token 和对应的用户id到数据库或Session中，接着把 token 传给用户，存入浏览器 cookie，之后浏览器请求带上这个cookie，后端根据这个cookie值来查询用户，验证是否过期。

Token

跨域配置

axios：负责与后端交互，get、post后端接口信息，相当前后端的窗口，ajax技术实现了请求任意类型的数据、网页的局部数据刷新，axios实现了对ajax的封装，（axios是ajax，ajax不止axios ）

1、匹配到devApi，开始做代理 http://www.web-jshtml.cn/api/react
2、/devApi/login/ => /login/
3、替换之后的地址：http://www.web-jshtml.cn/api/react/login/

接口联调

验证码

setInterval/clearInterval 不间断定时器

setTimeout/clearTimeout 只执行一次