CHANCE_wqp-CSDN博客

原创基于antd Table封装表格性能优化

表格组态配置存于 columns 中，需识别校验相关配置项，调用 initRules 方法以行构建校验规则校验规则 Rules 对象类型如下，主要需要 type 表示字段类型，async-validator 会依据 type 决定自定义校验逻辑，比如 number 类型对于非数值的值就会校验失败。required 表示必填，当字段值为空时检验失败。message 自定义校验提示信息。validator 自定义校验规则，覆盖自定义校验规则。对dataSource的校验会按照行数据，一行一行的进行。

2024-03-17 19:43:50 980 1

原创【插件：async-validator】基本使用

async-validator 是一个用于 JavaScript 对象验证的插件，通常用于前端表单验证。antd 和 elementUI 中 form 实现字段校验也是基于它。

2024-03-17 19:20:21 254 1

原创科学修改node_modules中文件的三种方法

在实际项目开发过程中会用到很多第三方包，其中有一些错误或者需要做兼容处理的地方，这时就需要能够在我们的项目中修改特定文件，并把这些修改固定下来，不被install后还原会去。以下介绍三种方法。该方法需额外安装 patch-package，还需执行命令，生成补丁文件。就能在每次执行install命令时将补丁内容替换到node_modules中对应的源文件中。2、修改项目根目录下的 package.json 文件执行如下命令执行该命令后会在项目根目录中自动创建一个 patches 文件夹，该文件夹中就会出

2024-03-10 21:36:27 483 1

原创 lodash camelCase实现原理

_FOO_BAR__通过 words 拆分得到 [‘FOO’,‘BAR’]，执行 reduce 回调得到 ‘fooBar’

2024-02-25 19:14:16 446 1

原创 CSS 逻辑伪类选择器和自定义变量介绍

找到列表中第一项使其高亮为表格单数行增加背景色但实际业务场景往往更加复杂，比如：想要当输入框聚焦时令所在容器（父元素）边框高亮、对于想要通过 .flex 覆盖 .ant-tab-tabpanel.active 的样式因优先级不够而无效，至少得用 .flex.ant-tab-tabpanel 还得放在 .ant-tab-tabpanel.active 之后才会生效等问题。其实 CSS 早已提供诸如 :has、:is、:where、:not等逻辑组合伪类以供使用，了解它们将大有裨益。

2024-01-28 18:08:02 919

原创【CSS】多容器多限制高度样式实现

此问题源自一个低代码项目，对于配置的页面提供了普通容器、表单容器、行列容器三种布局相关的组件。三种布局组件特征不同，却又支持相互嵌套。因此，在处理容器高度问题上较为复杂，存在多种组合情况。

2023-11-05 17:12:07 120 1

原创【CSS】拼接两个input组件会出现双层边框样式问题

将一个选择框和一个输入框拼在一起，发现边框会出现叠加变成2px。需要消除边框叠加问题。

2023-11-05 15:41:11 135 1

原创【JS】根据容器宽度动态计算显示按钮数量

对以上两种业务场景，稍作分析就会发现其非常灵活，以至于我们无法仅根据按钮或标签的数组长度进行处理，只能在获知每个按钮/标签的真实宽度并进行计算后才能实现该需求。以下以按钮进行分析（标签情况一样）。

2023-10-16 21:54:14 200 1

原创【Docx文档操作（三）】基于docxtemplater模板生成文档

结构：{ data: {} }定义：data 中是键值对的数据（因为模板中会使用的字段都在 data 对象内，所以都是data.xxx格式）

2023-10-01 10:42:53 3937 4

原创【Docx文档操作（二）】基于docx实现文档生成

与页边距一样，通过 sections.headers 和 sections.footers 设置页眉页脚。

2023-08-06 20:58:21 234 1

原创【Docx文档操作（一）】基于docx-merger实现内容合并

即使在styles.xml合并过程中styleId被重命名为styleId_fileIndex，仍会存在样式覆盖的问题。例如三个文档合并后会生成Heading1_0、Heading1_1、Heading1_2三个对标题一的样式定义，而且在合并后的document.xml中也分别使用了Heading1_0、Heading1_1、Heading1_2对应的styleId来绑定样式。但是实际文档中的三处标题一。

2023-06-23 18:09:08 598

原创 DOCX文档结构分析

docx文档本质上是一个压缩包，可直接修改文档.docx后缀为.zip后缀，再解压zip包，可得如下docx文档详细结构（包含utf-8或utf-16编码的XML文件及其他图片、视频等媒体文件，该结构根据所规定）。每个docx压缩包都含有该文件，位于压缩包根目录下，引入了压缩包中所有使用到的部件的内容类型，例如主文档部件的内容类型，如下：【注意：后续如果要添加新部件，就需要在[Content_Types].xml中补充新部件的内容类型，才会生效】

2023-05-28 17:58:41 2421

CHANCE_wqp的博客