看陌生的风景的博客

React项目实现页面状态缓存（keep-alive）

【代码】umi国际化的两种方式。

【代码】Antd table滚动高度动态获取自定义hooks useScrollY。

懒加载（Lazy Loading）和按需加载（Code Splitting）

【代码】微前端qiankun示例 Umi3.5。

首先通过npm run analyze 查看打包后的文件进行观察，哪些包的体积大，然后分解开。体积较大的文件:echarts、wangeditor、antd、moment.js、需要开启mfsu,umi 版本 “umi”: “^3.5.41”,5.lodash替换方案lodash-es。package.json 文件配置。.umirc.ts配置文件。

antd table 多选

【代码】cron表达式插件 qnn-react-cron。

axios download

react 组件优化规范

初始化目录结构├── config # webpack 配置├── public│ ├── index.html # index.html 入口│ └── favicon.png # Favicon├── src│ ├── assets # 本地静态资源│ ├── components # 通用组件│ ├── pages # 业务页面入口和常用模板│ │ ├── components # 业务通用组件│ │ ├── index.js # 业务页面│ │ ├── service.js #

import axios from "axios";import _isEmpty from "lodash/isEmpty";import _omitBy from "lodash/omitBy";import { getTimestamp } from "./utils";import { message, Spin } from 'antd';const { protocol } = window.location; // 协议const { host } = window.locati

begin(mintor: DragSourceMonitor)：组件开始拖拽，必须返回一个对象包含 type 属性，会覆盖 item 属性返回的对象，会被传入 drop 组件 hover 和 drop 方法的第一个参数。end(item, mintor: DragSourceMonitor)： 组件停止拖拽时触发，item 是 drop 组件在 drop 方法执行时返回的对象，等同于 mintor.getDropResult() 的值。默认情况下，仅启动拖动操作的拖动源被视为拖动。