Biu_Destiny的博客

constconst定义常量不可修改，需要初始化，不存在变量提升现象varvar定义变量可以修改，具有函数作用域特征不需要初始化（默认undifine），存在变量提升现象letlet 声明的变量具有块作用域的特征，let内部定义的变量，对外部没有影响，不存在变量提升现象总结1.基本把 const 作为初始化常量看待2.var 和 let 较大的区别就是作用域，var 作用于函数、let 作用域块3.var 存在变量提升现象，而 let 和 const 没有...

Umi中Dva的使用0.Dva1.文件位置2.Model结构3.创建Ui组件并连接4.完善Modelnamespacestateeffectreducers5.Ui组件获取数据6.效果0.DvaDva其实就是一个管理数据流的框架，学React的时候我们会发现各种组件之间传参，会通过状态上升，也就是props，上层调用下层，但是如果有好几层，就会使得这个数据传输过程十分繁琐，于是就有了Dva，类似于我们的一个数据中心管理。 1.文件位置符合以下规则的文件会被认为是 model 文件，一个m

Umi的请求和Mock使用1.Mock2.添加Mock文件3.发送Request请求4.异步发送Request请求5.不使用Mock的请求6.Mockjs工具1.MockMock是本地虚拟的数据文件，定义请求api所对应的数据内容Mock再umi中是默认启动的MOCK=none umi dev 指令启动umi可以关闭mockUmi 约定 /mock 文件夹下所有文件为 mock 文件。 2.添加Mock文件这里不一定要取名”index“，只要再mock目录下，都会被拆解成moc

Umi的路由跳转1.声明式跳转LinkNavLink2.命令式跳转1.声明式跳转Link声明式路由跳转就是用了Umi自带的一个 < Link > 标签，改变其中的 to 属性就可以直接设置需要跳转的路由。我们对上次的导航栏进行一些修改，加上需要的链接。header.tsx import React from 'react'; import {Link} from 'umi'; const Header = (props: any) => { // props

Umi的路由实现1.单页面2.创建一个路由3.填充页面组件4.多重路由5.页面模板1.单页面首先我们需要搞懂一个概念，就是Umi是一个单页面应用 ， 就是一个html页面，他不会进行跳转，你所看到的页面变换，只不过是在同一个页面上重新渲染了别的组件。所以Umi的路由路径关联的其实是一个个组件文件。 2.创建一个路由进入Umi的配置文件 .umirc.ts，我们在routes增加我们需要创建的路由对象，并且绑定它所关联的组件路径。这里的 “@/page/hello” 中的 "@"表示

Umi项目的常用配置1.配置目录2.配置对象hash 配置base 配置outputPath 配置title 配置targets 配置proxy 配置theme 配置1.配置目录这章的主角就是我们的 .umirc.ts文件，其实通常情况下因为配置比较复杂，我们往往会把 .umirc.ts 配置到 config/config.ts 中，然后会把config里面的部分给分离出来，比如 routes.ts ，下图就是一个分离完的config目录。但是只是简单对umi的学习我们还是使用 .umirc.ts来进行

Umi项目的目录结构介绍上一章：Umi项目的快速创建

Umi的快速入手0.Umi简介1.环境准备2.Umi项目创建3.启动Umi项目0.Umi简介Umi 是什么？Umi，中文可发音为乌米，是可扩展的企业级前端应用框架。Umi 以路由为基础的，同时支持配置式路由和约定式路由，保证路由的功能完备，并以此进行功能扩展。然后配以生命周期完善的插件体系，覆盖从源码到构建产物的每个生命周期，支持各种功能扩展和业务需求。Umi官网文档链接：https://umijs.org/zh-CN/docs1.环境准备1.首先得有 node，并确保 node 版本是 1