摘要: 1.<template>配置示例 <!-- 表格 start--> <a-table :columns="columns" :data-source="tableData.list" :loading="loading" style="margin-top: 24px" :pagination="f 阅读全文
posted @ 2024-09-13 15:41 罗毅豪 阅读(2) 评论(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 罗毅豪 阅读(8) 评论(0) 推荐(0) 编辑
摘要: File对象有两种形态, 在请求时为: 控制台输出为: 从formData中获得fileList对应的File对象,并转换为base64字符串,再转换回File对象,代码示例如下: const fileList = uploadFormData.get("fileList"); console.lo 阅读全文
posted @ 2024-08-02 16:49 罗毅豪 阅读(20) 评论(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 罗毅豪 阅读(8) 评论(0) 推荐(0) 编辑
摘要: CSS设置页面背景色为浅灰色,代码示例如下: .list { background: #ebedf0; height: 100vh; overflow-y: scroll; overflow-x: hidden; } 即可。 阅读全文
posted @ 2024-07-29 15:54 罗毅豪 阅读(16) 评论(0) 推荐(0) 编辑
摘要: 在这里记录一下开发过程的一些小要点。 这些小要点暂时无法单独写成一篇文章,如果以后有时间可以对单个小要点进行知识扩展,形成文章。 1.<van-tabs>加上sticky属性,即可实现固定定位。 2.媒体查询区间左闭右开。 3.普通的时间字符串可用大于小于号比较大小。 4.图片加载出现404,给im 阅读全文
posted @ 2024-07-25 17:14 罗毅豪 阅读(1) 评论(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 罗毅豪 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 以下是我亲自试用过的,能提高工作效率的VSCode实用插件。 1.Vue语法高亮 Vetur 2.使用LLM实现代码自动补全 Baidu Comate 3.自动重命名标签 Auto Rename Tag 4.为项目的文件和文件夹添加图标 vscode-icons 5.可视化查看和操作Git的提交记录 阅读全文
posted @ 2024-06-20 19:51 罗毅豪 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 在用VSCode编程时,我们常需要切换单词的大小写。 可以采用以下方式 1.打开File->Preferences->Keyboard Shortcuts 2.搜索transform,配置大小写转换的快捷键,建议配置如下。 即可使用快捷键进行单词大小写转换。 阅读全文
posted @ 2024-06-19 11:40 罗毅豪 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 安全要求姓名和手机号不能同时完整展示,因此手机号需要进行脱敏处理,即中间4位数字换成星号。 代码为 const reg = /^(\d{3})(\d{4})(\d{4})$/ const text = phone.replace(reg, "$1****$3") 即可。 阅读全文
posted @ 2024-05-30 10:32 罗毅豪 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 我们可以直接调用浏览器的打印功能来实现。 1.直接打印 直接调用浏览器的打印功能,打印整个页面 function preview () { window.print(); } 2.打印指定区域 通过开始标记、结束标记来打印,打印局部页面 <!--startprint--> <div> 打印的内容 < 阅读全文
posted @ 2024-05-20 16:37 罗毅豪 阅读(400) 评论(0) 推荐(0) 编辑
摘要: 全国省市县JSON数据如下: [ { "value": "110000", "province": "北京市", "data": [ { "value": "110100", "city": "北京市", "dataList": [ { "value": "110101", "area": "东城区 阅读全文
posted @ 2024-05-16 10:53 罗毅豪 阅读(53) 评论(0) 推荐(0) 编辑
摘要: 今天开发一个新页面,但是很神奇的是Vue页面<style scoped lang="less">里加上的样式全部无效。 后来,经过排查,发现是路由配置的问题。 即是 { name: "CalcFormulaEdit", path: "/calcFormulaEdit", component: (re 阅读全文
posted @ 2024-05-15 09:37 罗毅豪 阅读(3) 评论(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 罗毅豪 阅读(11) 评论(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 罗毅豪 阅读(43) 评论(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 罗毅豪 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 在工作中,我们可能同时在进行2个或者多个不同的项目开发,每个项目的需求不同,进而不同项目必须依赖不同版本的NodeJS运行环境。 这种情况下,对于维护多个版本的node将会是一件非常麻烦的事情,nvm就是为解决这个问题而产生的,他可以方便的在同一台设备上进行多个node版本之间切换。 一、介绍 No 阅读全文
posted @ 2024-04-19 15:38 罗毅豪 阅读(327) 评论(0) 推荐(0) 编辑
摘要: 我连续使用两个Vant的日期组件,但是选中第一个日期组件的结果显示到第二个日期组件上了,HTML代码为: <div v-if="item.type 'date' && !item.allowShowYearAndMonth" class="time" > <van-field :label="ite 阅读全文
posted @ 2024-04-12 10:11 罗毅豪 阅读(53) 评论(0) 推荐(0) 编辑
摘要: 最近使用运行命令npm run dev和打包命令npm run build:formGD、npm run build:processGD比较多。 我觉得输入这一长串命令的比较麻烦,看看有没有简化输入的方法。 方法:使用搜狗输入法的自定义短语方便输入 配置路径:菜单->更多设置->属性设置->自定义短 阅读全文
posted @ 2024-04-09 15:53 罗毅豪 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 如果我们需要重写antd的样式,但是又希望样式变更不会影响到全局,那我们可以给当前页页面区域或组件设置一个类,如antdPosition。 重写样式示例如下: <style scoped lang="less"> .antdPosition { :deep(input) { cursor: poin 阅读全文
posted @ 2024-04-07 16:05 罗毅豪 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 在拉取项目代码时,报错 原因:是Git的账号输入错误问题,在IDEA输入用户名密码后不提示成功或者失败。 解决方法: 如下图所示点击Clear后重新拉取项目即可。 阅读全文
posted @ 2024-03-25 14:12 罗毅豪 阅读(390) 评论(0) 推荐(0) 编辑
摘要: 1.新增JAVA_HOME变量 路径示例: C:\Program Files\Java\jdk1.8.0_162 2.使用变量名把jdk安装目录加入到Path中,即 %JAVA_HOME%\bin 3.使用变量名把jre\bin加入到Path中,即 %JAVA_HOME%\jre\bin 4.校验, 阅读全文
posted @ 2024-03-22 15:59 罗毅豪 阅读(21) 评论(0) 推荐(0) 编辑
摘要: Vue给iframe设置嵌套页面的宽高,代码示例如下: <template> <iframe id="iframe" :height="scrollHeight" :width="scrollWidth" frameborder=0 allowfullscreen="true" src="/docs 阅读全文
posted @ 2024-03-01 10:10 罗毅豪 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 今天,启动一个纯前端的老项目,安装依赖时报错。 npm 错误:request to https://registry.npm.taobao.org/ failed, reason: certificate has expired 从报错信息可看出,以前经常使用的淘宝镜像https://registr 阅读全文
posted @ 2024-02-28 19:49 罗毅豪 阅读(4032) 评论(0) 推荐(2) 编辑
摘要: 按Windows+R键可启动“运行框”,键入“diskmgmt.msc”并点击“Enter”。进入磁盘管理。 磁盘合并(例如D盘合并E盘): 1.右键单击E盘,选择“删除卷”。 2.在删除了E盘后,右键点击D盘,选择“扩展卷”。 3.进入“扩展卷”向导,点击“下一步”,然后选择要合并的目标分区。 4 阅读全文
posted @ 2024-02-18 14:01 罗毅豪 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 以下是Python之DataFrame的使用: 1.定义DataFrame的方式(不带参、使用list、使用列标签) import pandas as pd df = pd.DataFrame print(df) arr = [1,2,3,4,5] df = pd.DataFrame(arr) pr 阅读全文
posted @ 2024-01-02 08:59 罗毅豪 阅读(46) 评论(0) 推荐(0) 编辑
摘要: VBA是Excel中使用的一种语言,对Excel的功能进行了增强。 定义一个简单的VBA过程示例如下: Sub Fun() MsgBox "Fun" End Sub 我们可以在Excel通过录制宏,编辑VBA代码,然后查看宏,执行代码。 使用示例如下: 1.使用Worksheets、Range和Va 阅读全文
posted @ 2023-12-30 19:14 罗毅豪 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 发生事件冒泡时,若想阻止冒泡,则 1.在被包含的控件触发的函数中最后加上return false。 2.使用@click.stop阻止冒泡 阅读全文
posted @ 2023-12-26 09:29 罗毅豪 阅读(15) 评论(0) 推荐(0) 编辑
摘要: 实现一个可拖拽的div写法如下: const chatbox = ref(); const dragx = (el) => { let oDiv = chatbox.value; //当前元素 let disX = el.clientX - oDiv.offsetLeft; let disY = e 阅读全文
posted @ 2023-12-25 09:51 罗毅豪 阅读(258) 评论(0) 推荐(0) 编辑
摘要: PyAutoGUI是Python的一个库,使用示例如下。 一、移动到某个坐标点进行点击 import pyautogui print(pyautogui.position()) pyautogui.moveTo(56, 18, duration=1) pyautogui.click() 二、依照图片 阅读全文
posted @ 2023-12-21 22:27 罗毅豪 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 零宽空格是空格的一种,但它的宽度为零,即不显示,所以看起来跟没有一样。 即是不可打印的Unicode字符,其Unicode编码如下: 选中后右键Copy string contents 即可多次粘贴使用。 使用场景:增加文本字数,以通过文本长度校验。 阅读全文
posted @ 2023-12-21 15:50 罗毅豪 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 使用Python我们可以调用AI库,实现一些AI功能。 1.文本相似度: import difflib s1 = "abc" s2 = "abce" ratio = difflib.SequenceMatcher(None, s1, s2).quick_ratio() print(ratio) 2. 阅读全文
posted @ 2023-12-20 23:09 罗毅豪 阅读(69) 评论(0) 推荐(0) 编辑
摘要: IPA设计器无法打开,我通过以下方式解决了。 1.win+R,输入cmd,输入netsh winsock reset,重启电脑。 2.设计器右键点击->属性->快捷方式Tab->目标框里加(前面加空格分割)--no-sandbox 阅读全文
posted @ 2023-12-19 09:19 罗毅豪 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 我们可使用Selenium进行Web自动化操作。 一、环境搭建: 1.下载安装Pycharm 2.在Pycharm中新建项目 3.在Pycharm中安装Selenium(FIle->Settings->Project:项目名->Python Interpreter->加号->搜索添加Selenium 阅读全文
posted @ 2023-12-17 20:08 罗毅豪 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 在学习RPA时,我对使用JS脚本修改页面内容进行了深入学习。 记录如下: 获取元素的方法: 1.document.getElementById("xxx") 2.document.getElementsByClassName("xxx") 3.document.getElementsByTagNam 阅读全文
posted @ 2023-12-16 21:46 罗毅豪 阅读(135) 评论(0) 推荐(0) 编辑
摘要: 需求:A页面跳转到B页面,B页面带参跳转到C页面,C页面点击确定带参跳转回B页面。但是C页面点击返回按钮可返回到B页面,B页面点击返回按钮可返回到A页面。 即A->B(带参)<->C(带参) 在Vue3中,如果全部使用router.push带参跳转,则返回时路由跳转会变得很混乱。 解决方法:B和C页 阅读全文
posted @ 2023-12-15 22:13 罗毅豪 阅读(411) 评论(0) 推荐(0) 编辑
摘要: 任何一个页面,如果没有手动配置滚动条,若页面高度超出屏幕,拉到页面底部然后点击进行页面路由跳转,就会产生新页面已自动滚动一段距离的缺陷。 解决方法为在路由守卫里面加上一行重置滚动条的代码,这样所有页面都不会有这问题了。 如在permission.js加上: router.beforeResolve( 阅读全文
posted @ 2023-11-27 10:40 罗毅豪 阅读(33) 评论(0) 推荐(0) 编辑
摘要: 右键菜单->Git Bash Here打开Git的命令行 查看项目每个人提交的代码行数统计,即执行 git log --format='%aN' | sort -u | while read name; do echo -en "$name\t"; git log --author="$name" 阅读全文
posted @ 2023-11-20 17:16 罗毅豪 阅读(410) 评论(0) 推荐(0) 编辑
摘要: Linux取/etc/passwd文件的2-5行的方法,有如下5种方式。 sed -n '2,5p' /etc/passwd cat /etc/passwd|head -5|tail -4 head -5 /etc/passwd|tail -4 awk 'NR==2,NR==5' /ect/pass 阅读全文
posted @ 2023-10-23 16:52 罗毅豪 阅读(126) 评论(0) 推荐(0) 编辑
摘要: ctrl+A 切到当前行开头 ctrl+E 切到当前行结尾 ctrl+L 清屏 ctrl+U 当前行往前清除 ctrl+K 当前行往后清除 ctrl+D 退出登录 阅读全文
posted @ 2023-10-23 16:36 罗毅豪 阅读(29) 评论(0) 推荐(0) 编辑