摘要：
前言 最近了解到一种新的布局：grid布局（网格布局），grid并不是最近才看到的，以前在设置display的时候，会在属性值列表中看到，但却没有给过太多关注。一次偶然机会听到：对于九宫格布局的实现，grid布局会比flex布局实现起来更方便，作为flex深度使用者，这句话无疑引起了我强烈的欲望，想 阅读全文
摘要：
svg静态资源 在assets下新建一个 svg 文件夹，用于存放svg图片 svgIcon组件 在components 下新建一个文件夹，包含两个文件index.ts和SvgIcon.vue vue.config.js main.ts 需要引入组件svgIcon 使用 **.vue <svg-ic 阅读全文
摘要：
分享一本书：Refactoring UI Tailwind的作者写的，面向开发的UI设计书，教开发人员如何不依赖设计师做出漂亮的UI refactoringui 官网 阅读全文
摘要：
type 用于定义对象类型别名、联合类型、交叉类型等等 // 类型别名 type Name = { name: string }; // 联合类型 type StringOrNumber = string | number; // 交叉类型 type Name = { name: string }; 阅读全文
摘要：
效果： 代码： // 点击变量添加 const handleTagClick = (param: any) => { const input: any = inputRef.current.input; if (input) { const startPos = input.selectionSta 阅读全文
摘要：
React.Children用很多用法，如下图，经常会用到的是toArray()，具体用法可以自行了解，这里记录下map()的用法和使用到的场景。 1. 用法：React.Children.map接收2个参数，第一个是所有子元素，第二个是个回调，可以对每个子元素进行处理，然后返回处理后的子元素。 2 阅读全文
摘要：
树形结构的数据，即源数据： const origin = { "id": "40953897304457339", "name": "一级单位", "children": [ { "id": "52979376890839070", "name": "二级单位1", "children": null 阅读全文
摘要：
1. 场景：想通过拖动弹窗右下角，实现弹窗大小的自由拉伸，效果类似textarea。 2. 实现思路：利用css的resize属性，将Modal弹窗的容器盒子改为支持拉伸的元素。 我们先来看一下resize的用法（来自MDN）。 （1）resize CSS 属性允许你控制一个元素的可调整大小性。 （ 阅读全文
摘要：
antd 的 table 组件支持树形结构的数据，不过前提是需要将整棵树的数据一次性全部返回，对于数据量比较大的情况下，可能会需要动态加载数据。 export default function DynamicTable() { const [loading, setLoading] = useSta 阅读全文
摘要：
React 1. Excel数据格式化 主要是三个步骤：使用input/antd-upload组件上传需要导入的文件——将excel数据处理为json数据——将json数据处理成antd-table组件所需的数据（主要是增加唯一的key）。 （1）使用antd-upload组件上传需要导入的文件。 阅读全文