- 博客(168)
- 收藏
- 关注
RSS订阅
原创 markdown表情
平时用markdown格式记录内容时会用到表情，相关网站链接：https://www.webfx.com/tools/emoji-cheat-sheet/大概截取图如下：
2021-12-19 07:30:00
266
原创 基于vue实现钉钉审批流程(仿)
做项目有个需求——实现审批流程，看了钉钉审批流感觉功能很强大，模仿其实现审批效果。效果图没有找到windows录制视频转gif的软件,所以只能放一张图片了，有好的软件欢迎各位积极分享。代码位置整个流程上传至github:https://github.com/ylqymm/workFlow步骤初始化 workFlow.vue:<div class="approval-flow fd-nav-content"> <div class="dingflow-des
2021-07-28 14:50:16
13343
50
原创 Js常用方法(charAt、match、replace、split、splice、substr、join、pop、shift、filter以及判断对象中是否有某属性等)
JS对象常用方法StringcharAt()用于返回指定索引处的字符，索引范围为从 0 到 length() - 1。var str = 'welcome to learn about javascript methods'var str1 = str.charAt(5);var str2 = str.charAt(6, 26);console.log(str1); /...
2020-03-04 16:32:36
253
原创 windows及mac从git拉取代码方法及常用命令
密钥设置SSH key（mac）生成ssh key首先检查是否已生成密钥cd ~/.sshls，如果返回的ls有id_rsa.pub 和 id_dsa.pub两个文件,则密钥已经生成。如果没有密钥，则通过$ ssh-keygen -t rsa -C "[email protected]"生成，生成过程中一路按3次回车键就好了。（默认路径，默认没有密码登录）生成成功后，输入 pb...
2019-03-29 20:40:05
3844
原创 el-upload自定义上传文件显示进度条
el-upload自定义上传文件时需要显示进度条，但使用会覆盖默认的上传行为，也就不生效了，所以可以自定义上传的实现。数据事件导入接口接口方法uploadEvent
2022-09-20 17:52:24
9804
1
原创 padStart()与padEnd()
padStart()padStart() 方法 用另一个字符串填充当前字符串(如果需要的话，会重复多次)，以便产生的字符串达到给定的长度。从当前字符串的左侧开始填充。语法str.padStart(targetLength [, padString])参数：targetLength: 当前字符串需要填充到的目标长度。如果这个数值小于当前字符串的长度，则返回当前字符串本身。padString: 可选填充字符串。如果字符串太长，使填充后的字符串长度超过了目标长度，则只保留最左侧的部分，其他部分会被截
2022-04-28 15:40:02
570
原创 vue页面数据隔60s刷新
vue页面数据隔60s刷新问题设置定时器//data数据定义data() { return { refreshData: null };},mounted() { // 隔60s刷新一次数据 this.refreshData = setInterval(() => { this.getDataList(); //需要刷新的数据 }, 1000 * 60)},设置以上方法后会隔60s刷新一次，这样长时间操作其他页面
2022-04-15 17:32:07
1638
2
原创 vue中过滤器实现文本内容超出显示
文本内容超出10个字符后显示省略号……效果图filters代码filters: { ellipsis(value, count) { if (!value) return '' if (value.length > count) { return value.slice(0, count) + '...' } return value }},使用<li v-for="(item,index
2022-04-08 15:34:03
1001
原创 VSCode下载慢问题
进入VSCode官网根据自己的电脑选择相应的版本后下载，但是下载过程超级慢，有时候下载一半断开，让人有点崩溃。解决方法——改为国内镜像：打开谷歌浏览器下载内容，找到正下载的vscode：点击上图的链接，跳转到新的窗口，将其路径中的az764295.vo.msecnd.net改为vscode.cdn.azure.cn (即国内镜像)，之后几秒就会下载完成。...
2022-04-06 10:21:01
746
原创 vue中接口报错信息多次提示问题
最近项目遇到问题——报错信息过多提示，如下图所示：找了半天原因(从封装的请求拦截—封装的请求接口方法一层层找问题)，突然发现是使用Elementui中的message弹框问题，解决方法如下：重写message新建js文件(文件具体位置自己放，我放在assets/scripts下面)我的文件名是resetMessage.jsimport {Message} from 'element-ui';let messageInstance = null;const resetMessage
2022-04-02 17:46:07
2153
原创 谷歌浏览器导出扩展程序中的文件
在chrome浏览器中安装好一些我们需要的chrome扩展程序后，有一天如果浏览器需求卸载后重新安装需要备份时，如何才能将chrome扩展程序中的文件导出为CRX格式呢？首先我们得知道chrome扩展程序的安装目录在哪里？一般默认路径是：C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions在扩展程序找到插件对应的ID比如图片助手插件：在插件卡片上点击详情进入找到对应的ID或者直接在插件卡片上找到ID，根
2022-03-30 14:12:10
817
原创 解决el-checkbox多选框选中一个其余都选中问题
如何解决el-checkbox选中一个后其余都选中问题先看效果图：解决方法——绑定label值如果不需要显示label值让其隐藏即可(通过class名设置隐藏或者设置<pre> </pre>)<el-checkbox :label="item.id"> <pre> </pre></el-checkbox>...
2022-03-11 15:30:30
3198
9
原创 vue中$attrs和$listeners的使用
vue中组件通信父➡️子通过props,子➡️父通过$emit,那么父➡️孙，孙➡️父呢?通常使用的方法是通过vuex。如果仅仅是传递数据，而不做其他处理，使用 vuex处理有点大材小用。所以就有了 $attrs / $listeners ，通常配合inheritAttrs一起使用。(注意:是2.4新增的)inheritAttrsinheritAttrs的讲解参考官网，如下图所示：$attrs / $listeners$attrs官网讲解例子父组件(component_pa
2022-03-04 17:27:06
486
原创 0~6岁发展规律——生命开始、婴儿期、幼儿期
????生命的开始：遗传和新生儿心理发展????生命是遗传生物体的各种性状特征通过生殖过程一代一代传递下去。皮肤黑白、感觉器官等。????新生儿心理产生的条件出生后产生条件反射的时间是？大约在出生后1-5天左右大约在出生后5-10天左右大约在出生后10-20天左右 （√）大约在出生后20-25天左右????条件反射和心理的发生条件反射是在无条件反射的基础上建立的。条件反射是通过高级神经中枢实现的。条件反射是暂时性神经联系的接通。????教育应从生命之初开始
2021-12-22 07:30:00
600
原创 家庭教育(三)
家庭教育 (三)橘生于淮南则为橘，生于北则为枳。⭐️如何培养积极向上的孩子？问题如果孩子可以定制，你想要什么性格？积极向上、乖巧等????孩子的性格——30%基因+70%后天"积极向上"性格的拦路虎????习得性无助????什么是习得性无助指一个人经历很多次失败和挫折，感觉怎么做、怎么努力都没有效果，再遇到困难时你都不愿意尝试就选择放弃。????习得性无助的变现自我评价降低产生无助感依赖心增强逃避问题，害怕失败????如何治愈积极的鼓励，正确的目标(正面管
2021-12-21 07:30:00
215
转载 VScode 常用必备插件
Visual Studio Code（简称“VS Code”）在前端开发的过程中必不可少，vscode作为代码编辑器，开源、免费、颜值高。更关键的是，丰富的插件，能够提高开发效率，你值得拥有。我们团队中大部分人都在用，也总结了一下好用的插件。接下来我们从安装到使用，来详细了解和丰富你的VS Code。VS Code安装及配置大家可以在此处安装最新版本。切换语言安装完成后，默认显示英文，我们可以通过安装中文语言包插件来显示中文，操作如下：打开vscode，点击插件图标（或 ⌘ + ⇧ + X），在.
2021-12-20 15:47:01
8709
3
原创 家庭教育(二)
家庭教育(二)⭐️沟通家庭中的亲子沟通。赫伯特·斯宾塞说：“沟通不是在任何人之间都能实现的。父母只有放下架子，做孩子的知心人，才能实现最成功的沟通。”????如何进行良好的亲子沟通????请平等的沟通，不要让"权威"破坏亲子的沟通(平等的人格意识)“权威”例子：大人说话小孩不要插嘴等。????沟通第一步——听\color{red}{听}听放下身段\color{red}{放下身段}放下身段的"听" 。当孩子哭的时候放下身段的听孩子哭背后的真正原因。可以听“好情绪”，更可以
2021-12-20 08:00:00
218
原创 家庭教育(一)
家庭教育(一)✨为什么家长或教育者需要学习"家庭教育"家庭教育包含学习能力学习习惯亲子沟通目标激励情商培养性格天赋婚姻关系青春成长大部分孩子会遇到的问题学习不积极，没有兴趣，家长逼着学、哄着学写作业拖拉，行为散漫上课走神，注意力不集中学习上有畏难情绪例如考试前说我考不好爱玩手机，能玩一会是一会玩起来没有节制学习上粗心，生活中马虎沟通困难，家长也不知道怎么办老师反馈情况，问题又回到家长手里等等注意\color{red}{注意}注意：教育的前提—
2021-12-18 16:29:24
2105
原创 Excel技巧学习
启动Excel时自动打开某个工作簿快速打开多个excel文件按住shift键选中要打开的excel之后按回车即可。快速在多表之间切换ctrl+tab快速关闭打开的文件点击全部关闭按钮按住shift，之后点击右上角的X （推荐）启动excel时自动打开某个文件打开excel——文件——选项——高级——在启动时打开此目录中的所有文件中写入每次启动excel时默认要打开的文件目录即可。Excel相关技巧隐藏工作簿隐藏后别人可取消隐藏：工作簿名上鼠标右键——取消
2021-12-17 16:59:45
779
原创 Access to script at ‘file:///C:/study...‘ from origin ‘null‘has been blocked by CORS policy
Access to script at ‘file:///C:/study/vite-project/dist/assets/index.d3de8eba.js’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, htt
2021-12-14 10:40:12
2465
原创 Error: 分包大小超过限制,main package source size 2326KB exceed max limit 2MB
uniapp微信小程序体积过大无法进行真机调试问题开发项目进行真机调试时会出现以下弹框：点击相关问题里面有相关问题回答，尝试了分包、开发者工具升级、详情勾选压缩文件(开发者工具右上角)等方法都无效，最后通过Hbuilder中发行后解决问题：发行—— 小程序–微信点击上图中的发行后控制台会开始编译，编译结束后再进行真机调试即可。希望本文可以帮到更多的人。...
2021-12-07 14:08:24
5465
原创 elementUI穿梭框功能实现(自定义数据)
近期项目中遇到穿梭框功能，将其过程做以总结：效果图代码template<template> <div class="transfer"> <el-tabs v-model="activeName" @tab-click="tabChange"> <el-tab-pane v-for="(item,index) in conditionList" :key="index+'only'" :label="item.condition
2021-12-01 09:00:00
2731
3
原创 Syntax Error: TypeError: this.getOptions is not a function
vue项目安装less-loader后运行报错：安装版本如下所示：之前项目使用less并没有报错，对比代码后发现只有版本不一样，尝试降低版本\color{#411445}{降低版本}降低版本后可以正常运行了：//卸载高版本npm uninstall less-loader//重新安装低版本npm install [email protected] --s...
2021-11-30 13:53:21
685
原创 js中多个数组排列组合
以项目中用到的数组排列组合为例，下图是最后的效果图(图只是用来说明并不具体实现)：数据data() { return { arr: [ [{ name: "院区1", number: "001" }, { name: "院区2", number: "002" }], //对应图中条件1的数据 [{ name: "部门1", number: "001" }, { name: "部门2", number: "002" }], //对应图中条件2的数据
2021-11-29 10:49:59
2522
1
原创 vue中高精度小数问题(加减乘除方法封装)处理
很多项目都会涉及到计算，比如对账、财务等，对数据的计算要求比较高，先简单看个例子：两个小数相加正常来说不应该是0.3吗？为什么会有这么多位数？两数相减不应该是0.2吗？从以上例子来看计算的结果并不是很准确，所以可以用bigNumber来解决以上问题。bigNumberBigNumber.js是一个用于精度计算的js库。API地址：https://mikemcl.github.io/bignumber.js/安装npm install bignumber.js --S
2021-11-26 10:30:33
8360
原创 javascript 数据保留位数(整数保留整数，n位小数保留n位小数)
运算符%判断handleData(data) { let obj; if (typeof data !== 'number') { return this.$message.error('数据格式有误') } if (data % 1 === 0) { //整数 obj = data; } else { obj = data.toFixed(2); } return obj;}//调用传
2021-11-24 09:30:00
2073
原创 vue详情界面编辑数据未保存返回提示弹框
我们经常会遇到界面信息填写一半不小心滑动键盘后页面跳转数据消失的例子，最开始在使用gitLab 提交任务时会遇到此问题，感觉一点不友好，不过gitLab现在编辑数据未保存返回时有弹框提示。那如果在项目中也遇到此问题该如何实现呢？点击返回/放弃按钮出现的弹框实现思路界面数据如果都是对象可以使用watch监听实现data() { return { updateCount: 0, formItem:{} //界面展示的数据 }},watch:{//监听
2021-11-23 14:28:04
1828
原创 elementui+vue实现表格行拖拽
安装npm install sortablejs --save引入import Sortable from 'sortablejs';代码template注意：在表格上一定要加row-key,否则拖拽效果无效。(row-key的值必须是数据结构已有的否则效果也是无效的)<el-table :data="tableData" @selection-change="handleSelectionField" ref="tableFileds" row-key="key..
2021-07-29 09:52:49
747
3
转载 computed与watch的理解
computed特点：当我们定义一个计算属性的时候，计算属性是一个函数，最后函数返回的结果就是计算属性得到的结果。当我们去第一次使用计算属性的时候，会执行计算属性并进行计算，然后将计算的结果缓存起来。后续当我们再去使用计算属性的时候，如果计算属性中使用到的数据没有发生变化，那么就会直接读取缓存的结果，不会重新计算。（有缓存机制） var vm = new Vue({ el: '#app', data: { num: 10,
2021-06-23 16:40:45
73
原创 vue父子组件之间方法调用
子组件调用父组件方法子组件调用父组件方法主要有以下3种：在子组件中通过this.$parent.event来调用父组件的方法父组件 async hasCancleBtn(bizId){ let param; if(bizId){ param = bizId } else{ param = this.cancleParams.bizId; } let res = await this.$api.console.cancle
2021-05-11 09:13:48
1062
原创 后端返回二进制文件前端实现下载
后端返回的内容传参后拿到的是上图显示的结果，前端如何实现下载此文件为excle或者zip呢？一起来看看吧：前端实现下载在项目封装的统一请求的文件中加入responseType : "blob"即可。注意：该代码应与headers并列而不是包含，我在项目中不小心写入headers中结果一直是乱码，耗时较长。以下是我加入responseType : "blob"的地方，根据自己项目封装的方法加入即可。点击下载按钮时加入以下代码//按钮<el-button type="primar
2021-04-16 14:53:12
574
转载 vue使用refs获取dom获取不到问题
之前在公司做项目，一直感觉用ref来定位dom节点挺方便的。但是期间遇到了一个问题，就是在mounted(){}钩子里面使用this.$refs.xxx，打印出来的却是undefined？于是我就对比了一下之前使用ref定位的.vue文件，发现了他们之间的区别。我们要想知道为什么会定位不到某个DOM节点，我们首先要理解mounted(){}这个钩子函数是用来做什么的。下面是vue官方给出的vue生命周期（部分），正如官方所说的一样，一开始不必先理解，不过随这你的学习与使用，他的参考价值会越来越高。
2021-04-15 09:57:15
4159
原创 解决mac os安装photoshop cc 2019/2020 error问题
在安装photoshop cc 2019时弹出下面界面，解决方法如下：在下载的安装包 install右击选择 显示包内容，如下图所示：打开里面的contents文件夹打开 MacOs 文件夹双击运行里面的 install就可以了不过此时需要以管理员身份运行。...
2021-02-23 16:51:31
6228
2
原创 Nestjs(二)——CRUD
在Nestjs(一)中前期准备中提到了安装MongoDB,此次就用MongoDB实现CRUD。Start(回顾Nest的核心)创建Module : nest g mo user server脚手架工具会自动在 src/server/user 文件夹下创建一个 user.module.ts，这是 Nest 的模块文件，Nest 用它来组织整个应用程序的结构。会在根模块 app.module.ts 中:顶部引入 UserModule 模块，相当于一个树形结构，在根模块中引入了 User模块。
2021-02-09 17:03:43
479
原创 Nestjs(一)——入门
初次接触Nest,有问题欢迎指出????????????：简介NestJS 是一个用于构建高效、可扩展的 Node.js 服务器端应用程序的开发框架。简单来说是一款Node.js 的后端框架。它利用 JavaScript的渐进增强的能力，使用并完全支持 TypeScript（仍然允许开发者使用纯 JavaScript 进行开发），并结合了:OOP（面向对象编程）\color{red} {OOP （面向对象编程）}OOP（面向对象编程）FP（函数式编程）\color{red} {FP （函数式编
2021-02-09 15:32:29
616
2
原创 Vscode格式化代码后 代码不自动换行
Vscode中找到设置(有2种方法)vscode–>首选项–>设置，之后在出现的界面输入settings.json。也可以在vscode界面左下角点击设置的图标之后点击设置同样也可以找到。 在settings.json中加入以下代码"vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_line_length": 900, // 数值越大，一行放的属性越..
2021-02-03 10:34:02
14008
1
原创 vue中循环表格数据给最后一行添加样式
最近做项目遇到一个问题：循环表格给最后一行重新设置样式问题。????????????解决方法动态添加class名设置样式（:class="{'special-style':idx===item.data.length - 1}"）。代码<table v-for="item in items"> <tr v-for="(child, idx) in item.data" :key="idx" :class="{'special-style':idx===item.dat
2021-01-07 10:34:54
1750
原创 markdown中修改图片大小
在markdown中想修改图片大小应如何做呢？一起看看吧????????????方法一 —— img标签 <img src="https://img-blog.csdnimg.cn/20200903084333309.png#pic_center" width="100">方法二 —— ![]()使用md语法先引入想要展示的图片： ![box](https://img-blog.csdnimg.cn/20200903084333309.png#pic_center")引入
2020-09-03 08:56:34
6113
原创 解析上传excle文件内容(文件中字段为空也会显示)
在项目中上传excel文件是很常见的，那如何解析其内容呢，一起来看看吧：按钮<input type="file" name="file" id="file" accept=".xls, .xlsx" background="none" @change="changeinput"/>请上传文件事件async changeinput(event) { const file = event.target.files[0]; const types = file.name.sp
2020-07-27 14:29:43
640
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人