2024年9月18日
摘要: 1、新增路由配置文件 routes.js import { lazy } from "react"; export default [ { path:'/admin', component:lazy(()=>import('./App.js')), }, ] 2、App.js 中使用路由 impor 阅读全文
posted @ 2024-09-18 14:42 随心的博客 阅读(54) 评论(0) 推荐(0) 编辑
  2024年7月12日
摘要: 1、安装 yarn add react-activation react-router-config 2、路由懒加载 import { lazy } from "react"; { path: "/page", title: "page", expect: true, component: lazy 阅读全文
posted @ 2024-07-12 10:22 随心的博客 阅读(293) 评论(0) 推荐(0) 编辑
  2024年2月27日
摘要: react编写项目引入npm包打包时,总会将一些npm包重复打包的不同的js文件中,可以使用splitChunks 进行拆分,降低体积,加快速度 1、安装 npm install customize-cra webpack-bundle-analyzer 2、修改启动命令,在package.json 阅读全文
posted @ 2024-02-27 15:08 随心的博客 阅读(132) 评论(0) 推荐(0) 编辑
  2024年1月3日
摘要: 1、安装 pnpm install html-webpack-externals-plugin customize-cra react-app-rewired 2、在项目根目录下新建config-overrides.js文件,package.json中改为react-app-rewired 启动和打 阅读全文
posted @ 2024-01-03 17:41 随心的博客 阅读(409) 评论(0) 推荐(0) 编辑
  2023年6月15日
摘要: 官方有以下注释: 当使用 rowSelection 时,请设置 rowSelection.preserveSelectedRowKeys 属性以保留 key,当数据被删除时仍然保留选项的key。(删除一行表格数据需要手动删除选中的key值,否则原选中key数组值会保留删除的那个条数据的值) 具体用法 阅读全文
posted @ 2023-06-15 14:07 随心的博客 阅读(833) 评论(0) 推荐(1) 编辑
  2023年3月10日
摘要: 1、新增一个组件 import React, { useEffect, useState } from "react"; import { DatePicker } from "antd"; import dayjs from "dayjs"; import timer from "../../ut 阅读全文
posted @ 2023-03-10 18:13 随心的博客 阅读(918) 评论(0) 推荐(0) 编辑
  2023年2月22日
摘要: 字体文件压缩fontmin,大幅压缩字体文件 快速熟练fontmin的使用,只需要在代码中配置文章中需要用到的文字,可以大幅度缩减代码大小 安装 npm install fontmin 目录结构 src └─font └─*.ttf 生成目录 dist └─font └─*.ttf 命令 node 阅读全文
posted @ 2023-02-22 17:45 随心的博客 阅读(612) 评论(0) 推荐(0) 编辑
摘要: node 发送 html 邮件 安装 npm install nodemailer 新建 html 文件 ① 新建 views 目录下面新增 index.html(当然也可以使用其它目录结构,下面的代码中可以更改) 代码 ① 新建 send.js,代码如下: //send.js var nodema 阅读全文
posted @ 2023-02-22 17:31 随心的博客 阅读(179) 评论(0) 推荐(0) 编辑
  2022年5月17日
摘要: 1、安装xlsx npm install xlsx --save-dev 2、引入xlsx并封装读取excel方法 import * as XLSX from "xlsx"; /** * 读取excel内容 * @param {*} file * @returns */ export const r 阅读全文
posted @ 2022-05-17 18:01 随心的博客 阅读(1088) 评论(0) 推荐(0) 编辑
  2022年2月8日
摘要: const onImportExcel = (file) => { return new Promise(async (resolve, reject) => { ... //要执行的语句 return reject(false); //加上这个就会阻止默认上传 }); }; <Upload nam 阅读全文
posted @ 2022-02-08 18:15 随心的博客 阅读(1912) 评论(0) 推荐(0) 编辑