qiaofugui

纯函数 一类特别的函数: 只要是同样的输入(实参)，必定得到同样的输出(返回) 必须遵守以下一些约束 不得改写参数数据 不会产生任何副作用，例如网络请求，输入和输出设备 不...

react-redux 基本使用 明确两个概念 UI 组件：不能使用任何 redux 的 api，只负责页面的呈现、交互等 容器组件：负责和 redux 通信，将结果交给 ...

redux 理解 学习文档 英文文档: https://redux.js.org/ 中文文档: http://www.redux.org.cn/ Github: https...

流行的开源React UI组件库 material-ui(国外) 官网: http://www.material-ui.com/#/ Github: https://git...

底层原理不一样 BrowserRouter 使用的是 H5 的 history API，不兼容 IE9 及以下版本 HasRouter 使用的是 URL 的哈希值 url ...

push 和 replace 默认 push 模式，类似压栈 编程式路由导航 借助 this.props.history 对象上的 API 对操作路由跳转、前进、后退 th...

params 参数 * 路由链接（携带参数）： 注册路由（声明接收）： 接收参数 search 参数 路由链接（携带参数）： 注册路由（无需声明，正常注册即可）： 接收参数...

React 路由介绍 现代前端应用大多都是 SPA（单页应用程序），也就是只有一个 HTML 页面的应用程序。因为它的用户体验更好、对服务器的压力更小，所以更受欢迎。为了有...

前置说明 React本身只关注于界面, 并不包含发送ajax请求的代码 前端应用需要通过ajax请求与后台进行交互(json数据) react应用中需要集成第三方ajax库...

使用 create-react-app 创建 React 应用 React 脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置（...

setState() 说明 更新数据 setState() 是**异步**更新数据的 可以多次调用 setState()，之后触发一次重新渲染（render） 使用下面这种...

refs 组件内的标签可以定义 ref 属性来标识自己 字符串形式的 ref 我们不建议使用它，因为 string 类型的 refs 存在 一些问题。它已过时并可能会在未来...

组件通讯介绍 组件是独立且封闭的单元，默认情况下，只能使用组件自己的数据。在组件化过程中，将一个完整的功能拆分成多个组件，以更好地完成整个应用的功能。而在这个过程中，多个组...

React 组件介绍 组件是 React 的一等公民，使用 React 就是在用组件 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 可复用、独立、可组合 Rea...

JSX 基本使用 JSX 是 JavaScript XML 的简写，表示在 JavaScript 代码中写 XML（HTML）格式的代码 声明式雨打更加直观、与HTML结构...

React 概述 用于构建用户界面的 JavaScript 库 是一个将数据渲染为 HTML 视图的开源 JavaScript 库 React 特点 声明式 只需要描述 U...

Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、60...

vue-cil vue-cli（俗称：vue脚手架）是 vue 官方提供的。快速生成 vue 工程化项目的工具 特点： 开箱即用 基于 webpack 功能丰富且易于开发 ...

导航守卫可以控制路由的访问权限 声明全局导航守卫 全局导航守卫会拦截每个路由规则，从而对每个路由进行访问权限的控制： 守卫方法的 3 个形参 next() 函数三种调用方法...