qq_39691676的博客

原创 SASS循环

如果在动态类名添加btn,循环编译报错。

原创 最近距离排序

【代码】最近距离排序。

原创 JS参数归一化之对日期时间的格式化

【代码】JS参数归一化之对日期时间的格式化。

原创 Vue aduio播放歌曲

4.本意是想用原生写（注释部分），但vue框架始终报错document未定义，未果。2.点击歌词播放,如果初始化时暂停状态,需手动点击播放（累，没去看aduio方法）3.歌词时间不准确,自己手动输入的时间,只影响点击歌词播放功能一点点。5.写得有点乱，望海涵！

原创 Vue使用depcheck进行依赖检查

【代码】Vue使用depcheck进行依赖检查。

原创 JS自定义深浅度克隆

【代码】JS自定义深浅度克隆。

原创 解决伪类nth-child(1)/frist-child不生效

nth-child是添加到特定选择器规则的伪选择器。解决方案： 将vNode提升至父级。

原创 数组删除元素使用remove最优的方法

【代码】数组删除元素使用remove最优的方法。

原创 数组分组-万能函数

【代码】数组分组-万能函数。

原创 闭包面试题

【代码】闭包面试题。

原创 浏览器新标签页新增/修改数据时,列表页实时刷新--监听本地存储

【代码】浏览器新标签页新增/修改数据时,列表页实时刷新--监听本地存储。

原创 CSS--Loading加载动画

【代码】CSS--Loading加载动画。

原创 vbs自动发送微信消息

桌面创建自带文本,复制以下代码将.txt后缀改为.vbsQQ 或者 微信 聊天输入框输入 任意内容 并复制双击vbs文件 执行注意！注意！注意！ for循环任务次数不要过多如不小心循环次数过多Ctrl+Shift+Esc 打开任务管理器在"详细信息"找到 "wscript.exe"关闭程序即可退出循环.........

原创 JS数组基础方法及数组去重

一、数组方法---在数组头部添加元素array.unshift()---删除数组头部元素array.shift()---在数组尾部添加元素array.push()---删除数组最后一个元素array.pop()二、数组去重---filter方法function _unique(arr){ return arr.filter((item,index,array)=>{ return array.indexOf(item) === index })}.

原创 IDEA-plugins无法下载插件,采用其他文章方法无效-进来看看

命令行Ping了plugins.jetbrains.com发现丢包C:\Windows\System32\drivers\etc的hosts文件中加入13.224.157.45 plugins.jetbrains.com重启IDEA，兴许能行

原创 Vue图片截图、缩放、OCR

<template> <div class="container-1"> <el-row class="row-1"> <el-col :span="4" class="col-1"> <el-input placeholder="全文检索" suffix-icon="el-icon-search" /> </el-col> <el-col :span="2" cl.

原创 Vue兄弟组件互相传值

创建通信bus总栈import Vue from 'vue'export default Vue.prototype.bus = new Vue()兄弟组件页面"引入JS"并"传值" docFlag标志要一致import bus from './eventBus'// 给兄弟组件传值bus.$emit('docFlag', this.editableTabsValue)兄弟组件页面"引入JS"并"取值"import bus from './eventBus'// 钩子函数mo

原创 Ineffective mark-compacts near heap limit Allocation failed - JavaScript堆内存溢出

解决方案git 全局安装安装插件：npm install -g increase-memory-limit项目内执行执行命令：npx cross-env LIMIT=4096 increase-memory-limit

原创 if判断数值区间遇到的问题

没有这种写法哈,得到的结果始终只会进第一个判断 setWidth(num) { if (num >= 1 < 10) { return '180' } else if (num >= 10 < 20) { return '320' } else if (num >= 20 < 30) { return '400' } else { return '460

原创 vue上传图片限制格式以及尺寸大小

废话不多说,直接整篇拖！！！！！！！！！包含父组件传参,自行删减。<template> <el-upload :action="`/api/resources/upload/imgUpload?token=${$store.getters.token}`" class="upload-demo" :on-preview="handlePictureCardPreview" :on-remove="handleRemove" :limit="l

原创 vue项目在线预览PDF文档window.open(‘url‘)请求后端时莫名出现多余的请求地址

opnePDF() { window.open('重庆市档案资源在线利用服务平台二期用户手册.pdf') },请求后得到错误地址解决办法: 使用相对路径访问 opnePDF() { window.open('../重庆市档案资源在线利用服务平台二期用户手册.pdf') },...

原创 Element-UI限制选择过去时间

:picker-options=“pickerOptions” <el-date-picker v-model="date" :style="`width:${width}px`" type="date" format="yyyy-MM-dd" :disabled="disabled" :value-format="valueFormat" class="date-day-box" placeholder="选择日期" :pi

原创 VUE项目通过命令对指定配置文件进行打包

>>>package.json文件–mode + ‘生产环境/开发环境文件夹名称’Tips: 生产环境/开发环境的配置要区分ENV=‘production’命令打包:

原创 JS正则匹配字符串中的数字/字母

匹配数字const prop = 'abcd1'prop.replace(/[^\d.]/g, '')根据指定字符匹配字符串(key)并获取值(value)const prop = 'abcd1' const reg = /^abc\d+$/ for (const key in item) { if (reg.test(key)) { prop = key break } }...

原创 请求后端接口时,把参数放进FormData里面

使用axios请求接口 const formdata = new FormData() formdata.append('params', data) axios({ url: URL, method: 'post', headers: { 'Content-Type': 'multipart/form-data' }, data: formdata }).then(res => {

原创 Vue函数内多个方法同步执行

async btnB(item, btnIndex, coord) { // 查找dh/tm await this.getPropertyByTable(item, this.filterForm.documentType, 'dh') await this.getPropertyByTable(item, this.filterForm.documentType, 'tm') await this.loopGetNodeParents(this.ta...

原创 JS比较字符串日期大小

var s = '2020-02-02 10:30:30' var s1 = s.substring(0, 10).split('-') var s2 = s1[0] + '-' + s1[1] + '-' + s1[2] var a = '2020-02-02 10:30:30' var a1 = a.substring(0, 10).split('-') var a2 = a1[0] + '-' + a1[1] + '-' + a1[2] co...

原创 IDEA牛掰插件，马哥用了都说“牛鼻CLASS“

1.字体下载------点我下载后,到此路径内容全选"为所有用户安装",IDEA在font选择2.背景图片: Backgroud Image plug+3.Lombok4.Maven Helper(找出依赖冲突)5.Mybatis Log Plugin(日志)

原创 网关gate启动报错Parameter 0 of method modifyRequestBodyGatewayFilterFactory in org.springframework.cloud.g

原因:依赖冲突，spring-cloud-starter-gateway与spring-boot-starter-web和spring-boot-starter-webflux依赖冲突

原创 Caused by: java.lang.ClassNotFoundException: org.springframework.context.event.GenericApplicationLis

Spring-boot 项目启动报如下错原因可能是spring-context包重复引入

原创 Idea编辑器:上个项目Eslint使用正常，新项目eslint居然不生效

原创 ES新提案：可选链(?.)和双问号(??)

使用对象数据进行属性判断(可选链?.)const test = res.data?.info相当于cosnt test = res.data ? res.data.info : null取默认值(双问号??)const tableList = res?.data?.content ?? [4,5,6]

原创 Vue+Excharts画出重庆地图

一、引入Excharts全国地图选择器APIhttp://datav.aliyun.com/tools/atlas/#&lat=30.199123662463407&lng=107.74161937967794&zoom=7.5样例<template> <div class="map_content"> <div ref="area_json" class="map_body" /> </div><

原创 Vue字符串“关键字“高亮

后端返回数据 <div class="txt" v-html="item[ch.prop + (level+1)]">{{ item[ch.prop + (level+1)] }}</div>如果其他地方要使用该字段的值，在转换一次 const replace_TM = `${row[this.TM]}`.replace(/<.*?>/g, '')...

原创 el-tree指定节点不可选中

<el-scrollbar style="height:93%;"> <el-tree ref="treeForm" :data="treeData" highlight-current node-key="id" show-checkbox check-strictly :filter-...

原创 el-tree滚动条组件

`<el-scrollbar style="height:100%;"> </el-scrollbar>`

原创 el-tabs内容溢出显示省略号并且鼠标划上去有内容提示

<el-tab-pane v-for="item in ywEditableTabs" :key="item.name" :name="item.name" class="yw-tab" :closable="true"> <el-tooltip slot="label" effect="dark" :content="item.title" placement="bottom-start"> <span class="tmp...

原创 el-dialog 允许背景滚动

:lock-scroll="false" 允许背景滚动

原创 使用el-table组件时,对字段进行forEach循环:famatter时不生效

formatte不能使用forEach Func(row, column, cellValue, index) { const arr = this.regQueryPatternOptions for (let i = 0; i < arr.length; i++) { if (cellValue === arr[i].sdValue) { return arr[i].sdName } } },

原创 数组------上移下移

// 上移 moveUp(index) { if (this.dhData.length > 1 && index !== 0) { this.dhData[index] = this.dhData.splice(index - 1, 1, this.dhData[index])[0] } }, // 下移 moveDown(index) { if (this.dhData.length &g...