摘要：
需求：调用通讯录子组件选人，选完人后返回数据到父组件进一步处理。 1.引用子组件 <org-picker ref="orgPicker" title="请选择人员" multiple :selected="orgPickerSelected" @handleSelected="selected" t 阅读全文
摘要：
我开发的一个页面，同时多次使用了同一个组件，但是这个组件一加载就会调用同一个方法，最终同时调用同一接口。 但是我们后端对于同一接口的调用频率进行了限制，不允许短时间内重复提交，需要在一个时间间隔后提交才能请求成功。 原代码为： onMounted(() => { const code = item. 阅读全文
摘要：
1.小一寸照片的像素尺寸为260像素(宽)× 378像素(高)，一寸的像素尺寸为295像素(宽)× 413像素(高)。 2.蓝底照片的颜色参数RGB值为R:67, G:142, B:219。 3.人物头部距离图片顶部的背景距离小一些。 阅读全文
摘要：
1. ctrl + shift + p 2. 输入：open workspace settings(JSON) 3. 添加配置 { "workbench.editor.wrapTabs": true, } 即可。 阅读全文
摘要：
父组件给子组件传多个不确定的参数，可以使用v-bind进行传参。 父组件代码示例： <template> <component ref="form" :value="value" :disabled="disabled" :is="currentComp" :mode="mode" v-bind=" 阅读全文
摘要：
1.去掉皮肤瑕疵-污点修复画笔 2.把手脚变瘦-液化滤镜 3.把脸变白-应用图像-R通道-滤色-不透明度 阅读全文
摘要：
1.开发拍照上传页面 - andImgCapture.vue，包含镜头翻转功能 <template> <div> <van-button icon="plus" type="primary" :disabled="disabled" @click.stop="clickCamera" ref="up 阅读全文
摘要：
1.<template>配置示例 <!-- 表格 start--> <a-table :columns="columns" :data-source="tableData.list" :loading="loading" style="margin-top: 24px" :pagination="f 阅读全文
摘要：
1.<template>部分 <a-upload name="file" :customRequest="importExcelData" accept=".xls,.xlsx" class="uploadBtn" :showUploadList="false" > <a-button type=" 阅读全文
摘要：
File对象有两种形态， 在请求时为： 控制台输出为： 从formData中获得fileList对应的File对象，并转换为base64字符串，再转换回File对象，代码示例如下： const fileList = uploadFormData.get("fileList"); console.lo 阅读全文
摘要：
需求：根据判断当前是PC端还是手机端，给页面显示不同的内容。 const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); const title = ref("服务器错误"); const subTitle = re 阅读全文
摘要：
CSS设置页面背景色为浅灰色，代码示例如下： .list { background: #ebedf0; height: 100vh; overflow-y: scroll; overflow-x: hidden; } 即可。 阅读全文
摘要：
在这里记录一下开发过程的一些小要点。 这些小要点暂时无法单独写成一篇文章，如果以后有时间可以对单个小要点进行知识扩展，形成文章。 1.<van-tabs>加上sticky属性，即可实现固定定位。 2.媒体查询区间左闭右开。 3.普通的时间字符串可用大于小于号比较大小。 4.图片加载出现404，给im 阅读全文
摘要：
需求：JS实现文件预览功能，可预览图片、Word文档、Excel表格、PDF文件、TXT文件。 Word预览： 需要安装docx-preview Excel预览： 需要安装xlsx PDF预览： 需要安装pdfh5 npm i pdfh5 -D package.json "pdfh5": "1.4. 阅读全文
摘要：
以下是我亲自试用过的，能提高工作效率的VSCode实用插件。 1.Vue语法高亮 Vetur 2.使用LLM实现代码自动补全 Baidu Comate 3.自动重命名标签 Auto Rename Tag 4.为项目的文件和文件夹添加图标 vscode-icons 5.可视化查看和操作Git的提交记录 阅读全文
摘要：
在用VSCode编程时，我们常需要切换单词的大小写。 可以采用以下方式 1.打开File->Preferences->Keyboard Shortcuts 2.搜索transform，配置大小写转换的快捷键，建议配置如下。 即可使用快捷键进行单词大小写转换。 阅读全文
摘要：
安全要求姓名和手机号不能同时完整展示，因此手机号需要进行脱敏处理，即中间4位数字换成星号。 代码为 const reg = /^(\d{3})(\d{4})(\d{4})$/ const text = phone.replace(reg, "$1****$3") 即可。 阅读全文
摘要：
我们可以直接调用浏览器的打印功能来实现。 1.直接打印 直接调用浏览器的打印功能，打印整个页面 function preview () { window.print(); } 2.打印指定区域 通过开始标记、结束标记来打印，打印局部页面 <!--startprint--> <div> 打印的内容 < 阅读全文
摘要：
全国省市县JSON数据如下： [ { "value": "110000", "province": "北京市", "data": [ { "value": "110100", "city": "北京市", "dataList": [ { "value": "110101", "area": "东城区 阅读全文
摘要：
今天开发一个新页面，但是很神奇的是Vue页面<style scoped lang="less">里加上的样式全部无效。 后来，经过排查，发现是路由配置的问题。 即是 { name: "CalcFormulaEdit", path: "/calcFormulaEdit", component: (re 阅读全文
摘要：
金额转换为大写函数如下： export function convertToChineseCapital(n) { if (n == 0) { return "零"; } if (!/^(\+|-)?(0|[1-9]\d*)(\.\d+)?$/.test(n)) return "数据非法"; var 阅读全文
摘要：
调用百度地图接口进行打卡 1.在百度地图开放平台申请AK 2.在index.html导入百度地图SDK（此AK值为假） <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=f029hEOpyCQnXyS 阅读全文
摘要：
调用高德地图接口进行打卡 1.安装依赖 "@amap/amap-jsapi-loader": "^1.0.1" 2.增加代码如下： orientation.js import AMapLoader from '@amap/amap-jsapi-loader'; import { gcj02towgs 阅读全文
摘要：
在工作中，我们可能同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的NodeJS运行环境。 这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。 一、介绍 No 阅读全文
摘要：
我连续使用两个Vant的日期组件，但是选中第一个日期组件的结果显示到第二个日期组件上了，HTML代码为： <div v-if="item.type 'date' && !item.allowShowYearAndMonth" class="time" > <van-field :label="ite 阅读全文
摘要：
最近使用运行命令npm run dev和打包命令npm run build:formGD、npm run build:processGD比较多。 我觉得输入这一长串命令的比较麻烦，看看有没有简化输入的方法。 方法：使用搜狗输入法的自定义短语方便输入 配置路径：菜单->更多设置->属性设置->自定义短 阅读全文
摘要：
如果我们需要重写antd的样式，但是又希望样式变更不会影响到全局，那我们可以给当前页页面区域或组件设置一个类，如antdPosition。 重写样式示例如下： <style scoped lang="less"> .antdPosition { :deep(input) { cursor: poin 阅读全文
摘要：
在拉取项目代码时，报错 原因：是Git的账号输入错误问题，在IDEA输入用户名密码后不提示成功或者失败。 解决方法： 如下图所示点击Clear后重新拉取项目即可。 阅读全文
摘要：
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.校验， 阅读全文
摘要：
Vue给iframe设置嵌套页面的宽高，代码示例如下： <template> <iframe id="iframe" :height="scrollHeight" :width="scrollWidth" frameborder=0 allowfullscreen="true" src="/docs 阅读全文
摘要：
今天，启动一个纯前端的老项目，安装依赖时报错。 npm 错误：request to https://registry.npm.taobao.org/ failed, reason: certificate has expired 从报错信息可看出，以前经常使用的淘宝镜像https://registr 阅读全文
摘要：
按Windows+R键可启动“运行框”，键入“diskmgmt.msc”并点击“Enter”。进入磁盘管理。 磁盘合并（例如D盘合并E盘）： 1.右键单击E盘，选择“删除卷”。 2.在删除了E盘后，右键点击D盘，选择“扩展卷”。 3.进入“扩展卷”向导，点击“下一步”，然后选择要合并的目标分区。 4 阅读全文
摘要：
以下是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 阅读全文
摘要：
VBA是Excel中使用的一种语言，对Excel的功能进行了增强。 定义一个简单的VBA过程示例如下： Sub Fun() MsgBox "Fun" End Sub 我们可以在Excel通过录制宏，编辑VBA代码，然后查看宏，执行代码。 使用示例如下： 1.使用Worksheets、Range和Va 阅读全文
摘要：
发生事件冒泡时，若想阻止冒泡，则 1.在被包含的控件触发的函数中最后加上return false。 2.使用@click.stop阻止冒泡 阅读全文
摘要：
实现一个可拖拽的div写法如下： const chatbox = ref(); const dragx = (el) => { let oDiv = chatbox.value; //当前元素 let disX = el.clientX - oDiv.offsetLeft; let disY = e 阅读全文
摘要：
PyAutoGUI是Python的一个库，使用示例如下。 一、移动到某个坐标点进行点击 import pyautogui print(pyautogui.position()) pyautogui.moveTo(56, 18, duration=1) pyautogui.click() 二、依照图片 阅读全文
摘要：
零宽空格是空格的一种，但它的宽度为零，即不显示，所以看起来跟没有一样。 即是不可打印的Unicode字符，其Unicode编码如下： 选中后右键Copy string contents 即可多次粘贴使用。 使用场景：增加文本字数，以通过文本长度校验。 阅读全文
摘要：
使用Python我们可以调用AI库，实现一些AI功能。 1.文本相似度： import difflib s1 = "abc" s2 = "abce" ratio = difflib.SequenceMatcher(None, s1, s2).quick_ratio() print(ratio) 2. 阅读全文
摘要：
IPA设计器无法打开，我通过以下方式解决了。 1.win+R，输入cmd，输入netsh winsock reset，重启电脑。 2.设计器右键点击->属性->快捷方式Tab->目标框里加（前面加空格分割）--no-sandbox 阅读全文