清晰度qrcode antd
2024-01-13 antd的tabel组件业务问题之勾选了table中的一项，然后弹出弹窗，接着关闭弹窗，刷新table，但是table选中的一项还是显示被勾选中的状态 ==》你没有改变所选中的数据（selectedRowKeys）
如图： 问题：table显示的勾选状态的数据无法被改变。 原因：你没有改变到勾选数据，你只是在勾选时把选中的值赋值给了一个变量，然后以为自己清空了变量，以为自然而然地就取消勾选状态了，实际上就是你代码没写全！ 解决方案： 原来写法： rowSelection: { onChange: handleC ......
antd中columns中配置的操作，如何，调用函数组件中的方法
不拆分的情况下 把columns配置，写在函数组件内部。 把相关的操作，也全部写在函数组件内部。 拆分的话 1.columns的render函数中，有个actionref，可以传递dom实例上的操作方法。 2.其他方法，可以使用hooks方法进行传递。 useColumns.tsx export c ......
绝对能看懂的kmp算法，超清晰多图，一步步详解！
Problem: 28. 找出字符串中第一个匹配项的下标 目录kmp算法，超清晰多图逐步图解！最长公共前后缀前缀后缀最长公共前后缀（的长度）next数组O(n^2) 求法O(n) 求法子串和主串匹配的过程注意 kmp算法，超清晰多图逐步图解！ kmp算法的核心在next数组，因此如果能够理解ne ......
antd-pro 使用经验
antd-pro中的很多组件，都是对antd组件的封装 所以，很多属性配置，都可以通用的！ 先说antd-pro-table遇到的问题 1.请求的时候，搜索和分页相关的参数，都会拼接到url上，这显然不好 2.使用table的，scroll属性配置，配置pro-table。可以实现pro-table ......
使用的antd的pro-table时，遇到了两种引入方法---@ant-design/pro-components和@ant-design/pro-table的区别
两种方式，同时使用的时候，会报错 npm i @ant-design/pro-components 报错 ......
antd 使用不同的条件动态验证 Form.Item
假设我们有一个 InputNumber，当进行操作1时，我们允许用户输入负数值，然而在进行操作2时，我们需要用户输入正整数。 我会用到一个名为 createValidator 的函数来实现这个需求。同时，我还会使用 Form.Item 的 dependencies 属性来更新 lowerLimitT ......
vue3版本下element-plus和antd-vue选哪个更好一些？
Vue 3 发布后，各家第三方库开始陆续重构并支持 Vue 3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢？ Element Plus 和 Ant Design Vue 3 都已不在支持 IE 了，并不是他们自己 ......
QRCoder1.4.3生成二维码，不依赖System.Drawing，解决"未能找到类型或命名空间名QRCode"，"及ImageFormatPng仅在windows上受支持"
生成二维码1(简单) 包引用： <PackageReference Include="QRCoder" Version="1.4.3" /> /// <summary> /// 生成二维码 /// </summary> /// <param name="data">escape后的数据，防止中文等特 ......
2024-01-09 改变antd组件样式（:global）
使用:global关键字来改变antd组件的样式，如要改变antd的样式.ant-table-title， 请在.ant-table-title之前再包一层样式，然后在这层样式里面去改变antd的样式就不会影响到其它.ant-table-title： .tableBox { :global { .a ......
一键导出antD dable(简单)
所需依赖: antdv $ npm install ant-design-vue@4.x --save ExcelJS $ npm install exceljs --save file-saver $ npm install file-saver --save demo.vue: <templat ......
vi / vim 键盘图(清晰打印版,桌面背景好图)
PDF File https://files.cnblogs.com/files/RioTian/vivim-graphical.zip?t=1704439837&download=true 程序员定制版（ on-screen 150DPI） 程序员定制版（color hard-copy 300DP ......
如何解决企业在绩效管理过程中目标设定不清晰的问题？
目标清晰对于企业至关重要，它能够为企业和员工提供明确的方向，提高工作效率，增强团队合作，为绩效评估提供客观依据，并促进持续改进。确保目标的清晰和具体是实现有效绩效管理的基础，有助于推动企业的整体发展和成功。 如果企业的目标不清晰，会导致迷失发展方向、资源浪费、团队合作受阻、员工士气低落、错失市场机会 ......
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意：} $)待解决问题 （1）高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) （2）使用ReactDOM.createRoot实例化项目，在结合 ......
Warning: [antd: Modal] Static function can not consume context like dynamic theme. Please use 'App' component instead.
react 的model.confirm报错，它意味着你在使用动态主题（Dynamic Theme）时不能在静态函数中使用上下文，需要使用contextHolder const [modal, contextHolder] = Modal.useModal(); React.useEffect(() ......
antd-vue Modal.confirm方法 执行确定事件弹窗没关闭
vue版本：3.4.x antd-vue版本： 4.0.8 原因：是vue更新到3.4.x版本，某些api和antd-vue不兼容 解决方式：将vue版本锁定3.3.4 ......
使用antd Popover乱飘
开发时碰到Popover遮挡Modal弹窗，以及当Popover对应元素上方元素改变高度时，Popover位置没有随着元素移动。于是做了如下处理 <Popover content={<>11111111</>} arrowPointAtCenter autoAdjustOverflow zIndex ......
Python生成二维码QRCode
qrcode.QRCode 通过 qrcode.QRCode 方法，可以设定二维码的大小、容错率、颜色...等： 参数 说明 box_size 一个方块的边长为几个像素，默认为 10。 border 边框宽度，默认为 4 ( 最小为 4 )。 error_correction 容错率，数值为 ERR ......
React 之使用 antd 实现全局 loading
使用 antd 的 Spin 实现 Loading 代码如下： fullLoading.tsx import ReactDOM from "react-dom/client"; import { Spin } from "antd"; // 全局加载 loading // 当前请求的个数 // 当同 ......
React Antd Table 数据渲染按钮触发onClick事件解决办法
react在渲染时会触发table里面的rander函数下的onClick方法 我的onClick是触发Modal 弹窗 且close后还是会一直触发Modal弹窗 初始代码如下 { title: '操作', key: 'operation', fixed: 'right', width: 100, ......
antd QRCode 二维码清晰度调整
<QRCode size={400} type="svg" bordered={false} value={qrCode} errorLevel="L" bgColor="#fff" style={{ marginBottom: 16, }} /> 可以通过 size的大小来控制清晰度也可以通过ty ......
antd 不用Form onSubmit 如何完成必填项的校验
antd Form表单校验必填项等，如果按钮不是使用 htmlType="submit"，那么可以使用validateFields来校验数据。 代码如下： try { await form.validateFields(); // 校验数据 } catch (e) { console.log('e' ......
react使用antd Table单元格中文字超出时省略
实现效果 使用antd中的Table，设置固定列宽，当文字超出时省略，先看实现效果： 部分代码 使用ellipsis进行省略，使用Tooltip(引入自antd)展示全部的内容。 const TABLE_COL_WIDTH = 200; const columns = [ { title: '项目名 ......
react+antd 需求demo实现
BoxSelectionComponent.tsx import React, { useState } from 'react'; import { Modal, Button, Table, message } from 'antd'; const BoxSelectionComponent: ......
antD——popover气泡卡片宽度过窄，鼠标移入时第一次位置不正确
参考：https://www.jianshu.com/p/6f96f26f4a6c/ 原效果： 修改后效果： 原因： 初次渲染的时候组件未能正确的估计到图片的大小，所以会默认按照文字显示，导致气泡出现在偏移的位置。 解决方法： 在组件初次加载的时候就给它指定好宽高即可解决问题。 <Popover p ......
13.How do you understand the statement: Clear thinking is the key to clear writing? 你如何理解这句话：清晰的思维是清晰写作的关键？
Round 1: Interpreting "Clear Thinking is the Key to Clear Writing" Speaker 1 (Analyst A): Greetings, everyone. Our topic today is the statement, "Clea ......
DRF框架视图类清晰整合
2个视图基类&5个视图mixins扩展类&9个GenericAPIView的视图子类&5个viewsets视图集基类 2个视图基类 APIView 等级最高 但是写起来代码量也最多 # 基于APIView写的view.py class BookView(APIView): def get(self, ......
react antd table react-sortable-hoc DraggableBodyRow 拖拽及禁用指定行拖拽
原文地址：基于antd树形表格table的拖拽排序效果实现 - 掘金 (juejin.cn)思路片段： const DraggableBodyRow: React.FC<any> = ({ className, style, ...restProps }) => { const index = cu ......
antd Pro组件ProFormList实现自定义action
antd Pro组件ProFormList实现自定义action ProFormList是ant design pro的结构化数据组件，通常用来实现动态表单。 现在有个需求，除了组件自带的删除和复制，还需要增加两个按钮来实现每个item位置的上下移动，如图所示： 查看官方文档，组件有提供自定义act ......