随笔分类 - 小细节
摘要：右侧操作列的属性为fixed：'right'在展开行时出现列错位的问题 打开element发现列属性设置为fixed后在DOM中是独立出来的 解决办法： <a-table :columns="columns" :data-source="data" bordered :pagination="fal
阅读全文
摘要：要复制Vue中的data对象，可以使用Object.assign()或者ES6解构赋值语法。以下是两种方法的示例： 使用Object.assign()： // 假设对象名为sourceData const clonedData = Object.assign({}, this.sourceData)
阅读全文
摘要：ant design vue树形表格默认展开所有行，并且去掉 + 号 ant desig vue 的 table组件 中的树形表格默认是不展示所有内容，并且在父元素前面会显示一个“+” 号，但是这样的样式影响表格的实用性和美观性，设计的过程中可以解决这两个问题让页面更美观详细。（树形表格默认样式如下
阅读全文
摘要：在纯CSS中，无法动态生成多个类样式。CSS是一种静态样式表语言，它主要用于描述网页上元素的外观和布局，而不能在运行时动态生成类样式。 然而，你可以通过使用CSS预处理器（如Sass、Less等）或CSS-in-JS工具（如Styled Components、Emotion等）来在一定程度上实现动态
阅读全文
摘要：项目场景： 知识产权模块展示表格数据 问题描述 控制台给出警告 原因分析： 未按照组件要求添加key 属性作为唯一的标识。 解决方案： 方法1：:rowKey=“record=>record.number” <!-- number为表格数据data中的一个属性 --> <a-table ref="t
阅读全文
摘要：页面初始化mounted的时候，通过document.body.clientWidth和document.body.clientHeight获取到浏览器的宽和高，然后通过 window.onresize 来监听浏览器窗口的变化，在这里来改变我们的变量宽和高即可。（created()的时候不行，因为此
阅读全文
摘要：原因： 因为 ref 本身是作为渲染结果被创建的，在初始渲染的时候你不能访问它们，它们还不存在 computed 里面无法获取到 ref 解决方法： 方法一： data: { isMount: false, }, mounted() { this.isMount = true }, computed
阅读全文
摘要：最近做的项目中,有一个页面是 需要你点击按钮切换不同的图片，但是在做的过程中切换有闪屏的问题。 就是说,未点击时是第一张图片,点击之后先是第二张,然后立马复原成第一张,其实思路很简单,就是通过js显示隐藏图片而已,我一开始用的方法是wx:if和wx:else,代码如图 可以实现效果,但是每次推举的过
阅读全文
摘要：js获取对象数组中的id集合 const ids = Array.from(this.checkList,({ id }) => id); // ["16921C72E0C64002","16898B37FC66E002"] const ids = this.checkList.map(item =
阅读全文
摘要：1、我在A项目中对 npm 镜像进行重置，重置成功后查看镜像还是没变，但是其他项目的镜像都已经change过来了。 2、具体操作指令： npm config set registry http://registry.npm.taobao.org/ npm config set registry ht
阅读全文
摘要：一、问题 使用vscode学习nest.js的过程中，遇到了多处爆红，编辑器每行代码最后都出现了红色的波浪号。如图： 二、主要原因 通过度娘大力支持，最终在多种方法结合下解决了这些波浪线。源头都是因为安装了 Prettier 插件指定了文件的结尾换行符与系统不一致导致的。 Windows在换行的时候
阅读全文
摘要：（一）直接使用npm命令切换 1.设置使用淘宝镜像 npm config set registry + 需要切换的仓库地址 npm config set registry https://registry.npm.taobao.org 2.查看当前资源，看是否切换成功，成功后可直接使用cnpm命令
阅读全文
摘要：限制上传文件格式.rar、.zip、.pdf、.jpg、.png、.docxantd 中upload对于限制上传文件格式的属性是accept，在开发的过程中，accept对于.doc、.docx、.pdf、.png、.jpg、.rar，格式的限制是完全没有问题的。但是测试和我说，当选择文件的自定义格
阅读全文
摘要：前提：直接flie.name的话是不可行的，并且还会报错，所以得用以下方式。 详解：拦截文件上传文件对象（file）是不能直接修改文件名的，file.name 是只读属性，如果你强行赋值，会直接报错，所以只能拦截掉 Antd design-> uploader 的默认上传行为，改为自己上传。下面为核
阅读全文
摘要：ant design的关闭ModalForm和Modal弹框，清除数据的方法: 1、ModalForm弹框modalProps中加destroyOnClose <ModalForm visible={visible} modalProps={{ destroyOnClose: true }} />
阅读全文
摘要：1. vs Code安装 px to rem & rpx (cssrem) 2. 修改扩展 root font size 这样就轻松使用rem了
阅读全文
摘要：今天笔者在阅读网上大佬源码时，发现了一个?的语句，百度一看，满满的收获，下面我就给大家介绍一下这个新语法吧。 前端语法"?"的含义 result?.data?. errno 0 如何理解呢？ 这是js中的一种新语法。result?.data?.errno的意思是尝试获取result中的data中的e
阅读全文
摘要：Lazy-Load，翻译过来是“懒加载”。它是针对图片加载时机的优化：在一些图片量比较大的网站（比如电商网站首页，或者团购网站、小游戏首页等），如果我们尝试在用户打开页面的时候，就把所有的图片资源加载完毕，那么很可能会造成白屏、卡顿等现象，因为图片真的太多了，一口气处理这么多任务，浏览器做不到啊！
阅读全文
摘要：有些时候，当我们使用 git checkout <branchname>命令切换分支的时候，有时会切换失败，然后出现以下的提示信息： 提示信息说的很清楚，当前分支有未跟踪的文件，checkout 命令会覆盖它们，请缓存( stash )或者提交( commit )。 先说解决方法吧 这个时候，你有两
阅读全文
摘要：问题描述： 本地修改了代码后，执行“git pull”命令时，无法更新代码，并报错提示：“Your local changes to the following files would be overwritten by merge” 问题原因： 是因为本地修改的代码与git服务器的代码冲突导致。如
阅读全文
浙公网安备 33010602011771号