摘要：
我写的原代码如下： const getBatchFileUrlAddLock = (minioObjectName) => { if (sessionStorage.isGetResUrlReqLocked == 1) { setTimeout(() => { getBatchFileUrlAddL 阅读全文
posted @ 2025-06-20 10:17
罗毅豪
阅读(7)
评论(0)
推荐(0)
摘要：
使用|| 使用?? 可看出若a的值为0，只有以??方法为变量提供的默认值的方式是正确的。 阅读全文
posted @ 2025-06-18 09:02
罗毅豪
阅读(3)
评论(0)
推荐(0)
摘要：
最近开发时，使用console.log输出数组，如下图所示，显示数组长度是1，但是展开后却没有数组项。 根据查询和分析，了解到： 若对数组输出后，继续对数组进行操作，那会影响之前的输出，出现输出数组长度不一致的问题。 例如： const userList = [1, 2, 3]; console.l 阅读全文
posted @ 2025-06-06 14:23
罗毅豪
阅读(2)
评论(0)
推荐(0)
摘要：
1. 没有++和--运算符，需要通过+=1和-=1来实现 2. 可使用 int() 函数把字符串转换为整数 3. 使用 float() 函数可以把字符串转换为浮点数 4. str() 能把多种数据类型转换为字符串，包括数字 5. 保留两位小数（结果为字符串类型），四舍五入，示例： num = 3.1 阅读全文
posted @ 2025-05-24 14:50
罗毅豪
阅读(9)
评论(0)
推荐(0)
摘要：
Vue组件常用的import如下： import { ref, computed, toRefs, watch, onMounted, h, nextTick, defineAsyncComponent, reactive, shallowRef, getCurrentInstance, injec 阅读全文
posted @ 2025-04-15 15:36
罗毅豪
阅读(9)
评论(0)
推荐(0)
摘要：
由于后端限制不能频繁请求，所以500ms内的二次请求会返回服务器繁忙，请稍后再试，但是业务需要对同一接口频繁进行多次请求，因此，可以通过给请求结果增加缓存来解决。 request.js修改：增加adapter配置 import axios from 'axios' import cacheAdapt 阅读全文
posted @ 2025-04-13 12:53
罗毅豪
阅读(15)
评论(0)
推荐(0)
摘要：
本代码通过Vue循环<component>组件时，调用子组件的校验方法，实现多态，避免修改父组件，增强扩展性。 父组件原代码： <div v-for="comp in compList"> <template v-if="comp.isShow"> <component :is="compMap[c 阅读全文
posted @ 2025-04-08 09:55
罗毅豪
阅读(9)
评论(0)
推荐(0)
摘要：
JS实现监听对象属性的变化并获取变化的属性： 原代码： watch( () => formData.value, (newVal, oldVal) => { for (const key in newVal) { if (newVal[key] !== oldVal[key]) { console. 阅读全文
posted @ 2025-04-07 10:19
罗毅豪
阅读(89)
评论(0)
推荐(0)
摘要：
我使用 const conditions = [ ...item.value.conditions ]; 拷贝出一个新数组，但是当我修改新数组的元素，原数组也发生了变化，因此我判定扩展运算符为浅拷贝。 修改为深拷贝的方法为： const conditions = JSON.parse(JSON.st 阅读全文
posted @ 2025-04-06 15:55
罗毅豪
阅读(20)
评论(0)
推荐(0)
摘要：
原代码支持多选 <a-tree ref="tree" checkable blockNode v-model:expandedKeys="expandedKeys" :replace-fields="replaceFields" :tree-data="treeData" :load-data="g 阅读全文
posted @ 2025-03-31 16:08
罗毅豪
阅读(28)
评论(0)
推荐(0)
摘要：
使用Bandizip压缩文件： 1.使用Bandizip可以压缩成tar包，满足运维部署的要求。 2.使用Bandizip压缩成zip格式速度快，亲测是WinZip打包时间的五分之一。 阅读全文
posted @ 2025-03-28 14:50
罗毅豪
阅读(24)
评论(0)
推荐(0)
摘要：
在使用<a-auto-complete>输入首个汉字时，输入法总是自动退出，剩下一个英文字母在输入框，代码如下： <a-auto-complete v-model:value="formState.name" :allowClear="true" @clear="clearContent" :opt 阅读全文
posted @ 2025-03-26 10:00
罗毅豪
阅读(5)
评论(0)
推荐(0)
摘要：
1.给<a-upload>增加accept属性，accept属性为这些文件的MIME类型。 <a-tooltip> <template #title>只允许上传doc(x),xls(x),txt,pdf</template> <a-upload v-model:file-list="fileList 阅读全文
posted @ 2025-03-24 14:49
罗毅豪
阅读(85)
评论(0)
推荐(0)
摘要：
Antd之解决<a-table>只选了一行就全部选上的缺陷： 将原<a-table>代码 <a-table :columns="columns" :data-source="dataSource.list" :row-selection="{ selectedRowKeys: selectedKey 阅读全文
posted @ 2025-03-11 15:58
罗毅豪
阅读(32)
评论(0)
推荐(0)
摘要：
1.<template>配置示例 <!-- 表格 start--> <a-table :columns="columns" :data-source="tableData.list" :loading="loading" style="margin-top: 24px" :pagination="f 阅读全文
posted @ 2025-02-12 16:58
罗毅豪
阅读(8)
评论(0)
推荐(0)
摘要：
1.去掉皮肤瑕疵-污点修复画笔 2.把手脚变瘦-液化滤镜 3.把脸变白-应用图像-R通道-滤色-不透明度 阅读全文
posted @ 2025-01-20 19:34
罗毅豪
阅读(10)
评论(0)
推荐(0)
摘要：
需求：调用通讯录子组件选人，选完人后返回数据到父组件进一步处理。 1.引用子组件 <org-picker ref="orgPicker" title="请选择人员" multiple :selected="orgPickerSelected" @handleSelected="selected" t 阅读全文
posted @ 2024-12-10 16:21
罗毅豪
阅读(27)
评论(0)
推荐(0)
摘要：
我开发的一个页面，同时多次使用了同一个组件，但是这个组件一加载就会调用同一个方法，最终同时调用同一接口。 但是我们后端对于同一接口的调用频率进行了限制，不允许短时间内重复提交，需要在一个时间间隔后提交才能请求成功。 原代码为： onMounted(() => { const code = item. 阅读全文
posted @ 2024-11-18 16:23
罗毅豪
阅读(54)
评论(0)
推荐(0)
摘要：
1.小一寸照片的像素尺寸为260像素(宽)× 378像素(高)，一寸的像素尺寸为295像素(宽)× 413像素(高)。 2.蓝底照片的颜色参数RGB值为R:67, G:142, B:219。 3.人物头部距离图片顶部的背景距离小一些。 阅读全文
posted @ 2024-10-19 20:26
罗毅豪
阅读(430)
评论(0)
推荐(0)
摘要：
1. ctrl + shift + p 2. 输入：open workspace settings(JSON) 3. 添加配置 { "workbench.editor.wrapTabs": true, } 即可。 阅读全文
posted @ 2024-10-11 09:41
罗毅豪
阅读(900)
评论(0)
推荐(0)
摘要：
父组件给子组件传多个不确定的参数，可以使用v-bind进行传参。 父组件代码示例： <template> <component ref="form" :value="value" :disabled="disabled" :is="currentComp" :mode="mode" v-bind=" 阅读全文
posted @ 2024-10-09 11:40
罗毅豪
阅读(60)
评论(0)
推荐(0)
摘要：
1.开发拍照上传页面 - andImgCapture.vue，包含镜头翻转功能 <template> <div> <van-button icon="plus" type="primary" :disabled="disabled" @click.stop="clickCamera" ref="up 阅读全文
posted @ 2024-09-23 15:41
罗毅豪
阅读(1088)
评论(0)
推荐(0)
摘要：
1.<template>部分 <a-upload name="file" :customRequest="importExcelData" accept=".xls,.xlsx" class="uploadBtn" :showUploadList="false" > <a-button type=" 阅读全文
posted @ 2024-09-04 09:39
罗毅豪
阅读(456)
评论(0)
推荐(0)
摘要：
File对象有两种形态， 在请求时为： 控制台输出为： 从formData中获得fileList对应的File对象，并转换为base64字符串，再转换回File对象，代码示例如下： const fileList = uploadFormData.get("fileList"); console.lo 阅读全文
posted @ 2024-08-02 16:49
罗毅豪
阅读(547)
评论(0)
推荐(0)
摘要：
需求：根据判断当前是PC端还是手机端，给页面显示不同的内容。 const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); const title = ref("服务器错误"); const subTitle = re 阅读全文
posted @ 2024-08-02 16:39
罗毅豪
阅读(18)
评论(0)
推荐(0)
摘要：
CSS设置页面背景色为浅灰色，代码示例如下： .list { background: #ebedf0; height: 100vh; overflow-y: scroll; overflow-x: hidden; } 即可。 阅读全文
posted @ 2024-07-29 15:54
罗毅豪
阅读(356)
评论(0)
推荐(0)
摘要：
在这里记录一下开发过程的一些小要点。 这些小要点暂时无法单独写成一篇文章，如果以后有时间可以对单个小要点进行知识扩展，形成文章。 1.<van-tabs>加上sticky属性，即可实现固定定位。 2.媒体查询区间左闭右开。 3.普通的时间字符串可用大于小于号比较大小。 4.图片加载出现404，给im 阅读全文
posted @ 2024-07-25 17:14
罗毅豪
阅读(7)
评论(0)
推荐(0)
摘要：
需求：JS实现文件预览功能，可预览图片、Word文档、Excel表格、PDF文件、TXT文件。 Word预览： 需要安装docx-preview Excel预览： 需要安装xlsx PDF预览： 需要安装pdfh5 npm i pdfh5 -D package.json "pdfh5": "1.4. 阅读全文
posted @ 2024-07-23 17:30
罗毅豪
阅读(1103)
评论(0)
推荐(1)
摘要：
以下是我亲自试用过的，能提高工作效率的VSCode实用插件。 1.Vue语法高亮 Vetur 2.使用LLM实现代码自动补全 Baidu Comate 3.自动重命名标签 Auto Rename Tag 4.为项目的文件和文件夹添加图标 vscode-icons 5.可视化查看和操作Git的提交记录 阅读全文
posted @ 2024-06-20 19:51
罗毅豪
阅读(27)
评论(0)
推荐(0)
摘要：
在用VSCode编程时，我们常需要切换单词的大小写。 可以采用以下方式 1.打开File->Preferences->Keyboard Shortcuts 2.搜索transform，配置大小写转换的快捷键，建议配置如下。 即可使用快捷键进行单词大小写转换。 阅读全文
posted @ 2024-06-19 11:40
罗毅豪
阅读(1253)
评论(0)
推荐(0)
摘要：
安全要求姓名和手机号不能同时完整展示，因此手机号需要进行脱敏处理，即中间4位数字换成星号。 代码为 const reg = /^(\d{3})(\d{4})(\d{4})$/ const text = phone.replace(reg, "$1****$3") 即可。 阅读全文
posted @ 2024-05-30 10:32
罗毅豪
阅读(605)
评论(0)
推荐(0)
摘要：
我们可以直接调用浏览器的打印功能来实现。 1.直接打印 直接调用浏览器的打印功能，打印整个页面 function preview () { window.print(); } 2.打印指定区域 通过开始标记、结束标记来打印，打印局部页面 <!--startprint--> <div> 打印的内容 < 阅读全文
posted @ 2024-05-20 16:37
罗毅豪
阅读(761)
评论(0)
推荐(0)
摘要：
全国省市县JSON数据如下： [ { "value": "110000", "province": "北京市", "data": [ { "value": "110100", "city": "北京市", "dataList": [ { "value": "110101", "area": "东城区 阅读全文
posted @ 2024-05-16 10:53
罗毅豪
阅读(899)
评论(0)
推荐(0)
摘要：
今天开发一个新页面，但是很神奇的是Vue页面<style scoped lang="less">里加上的样式全部无效。 后来，经过排查，发现是路由配置的问题。 即是 { name: "CalcFormulaEdit", path: "/calcFormulaEdit", component: (re 阅读全文
posted @ 2024-05-15 09:37
罗毅豪
阅读(16)
评论(0)
推荐(0)
摘要：
金额转换为大写函数如下： export function convertToChineseCapital(n) { if (n == 0) { return "零"; } if (!/^(\+|-)?(0|[1-9]\d*)(\.\d+)?$/.test(n)) return "数据非法"; var 阅读全文
posted @ 2024-05-09 16:23
罗毅豪
阅读(37)
评论(0)
推荐(0)
摘要：
调用百度地图接口进行打卡 1.在百度地图开放平台申请AK 2.在index.html导入百度地图SDK（此AK值为假） <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=f029hEOpyCQnXyS 阅读全文
posted @ 2024-04-25 14:02
罗毅豪
阅读(99)
评论(0)
推荐(0)
摘要：
调用高德地图接口进行打卡 1.安装依赖 "@amap/amap-jsapi-loader": "^1.0.1" 2.增加代码如下： orientation.js import AMapLoader from '@amap/amap-jsapi-loader'; import { gcj02towgs 阅读全文
posted @ 2024-04-24 09:42
罗毅豪
阅读(302)
评论(0)
推荐(0)
摘要：
在工作中，我们可能同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的NodeJS运行环境。 这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。 一、介绍 No 阅读全文
posted @ 2024-04-19 15:38
罗毅豪
阅读(441)
评论(0)
推荐(0)
摘要：
我连续使用两个Vant的日期组件，但是选中第一个日期组件的结果显示到第二个日期组件上了，HTML代码为： <div v-if="item.type 'date' && !item.allowShowYearAndMonth" class="time" > <van-field :label="ite 阅读全文
posted @ 2024-04-12 10:11
罗毅豪
阅读(139)
评论(0)
推荐(0)
摘要：
最近使用运行命令npm run dev和打包命令npm run build:formGD、npm run build:processGD比较多。 我觉得输入这一长串命令的比较麻烦，看看有没有简化输入的方法。 方法：使用搜狗输入法的自定义短语方便输入 配置路径：菜单->更多设置->属性设置->自定义短 阅读全文
posted @ 2024-04-09 15:53
罗毅豪
阅读(21)
评论(0)
推荐(0)
浙公网安备 33010602011771号