濮家大少-CSDN博客

需求：讲一段无序的的数组对象先按照日期排序，日期相同的再按照名称排序（按名称排序是为了将名称前缀相同的放在一起）数据：newFundlist: [ { issueenddate: "2021-12-25", issuestartdate: "2021-12-13", secuname: "易方达互联互通ETF联接C", }, { issueenddate: "2021-12-25", issuestartd

2021-12-22 17:10:13 564

原创结合async await循环调用接口

async queryNewFund() { let that = this let codeList = ['011891', '011892', '011893', '011894'] for (let i = 0; i < codeList.length; i++) { let obj = await that.getData(codeList[i]); if (obj) { // 此处是接口返回的数据，可以做汇总处理,例

2021-09-15 15:57:04 868

原创使用xgplayer视频播放器播放视频时不显示总时长

在项目中使用到了xgplayer来播放视频，官方演示是可以显示总时间的，但自己使用不显示解决：将播放器js版本换到1.1.7,总时间显示正常,1.1.7以上版本总时间不显示

2021-05-12 15:04:31 2211 2

原创 ios时间格式转化兼容问题

使用 new Date(date).getTime() 转化成时间戳（格式：YYYY-mm-dd HH:MM:SS）在android系统上可以正常获取到，但是再ios系统上得到确是NaN。ios不兼职 yyyy-MM-dd HH:mm:ss 这种时间格式需要把-替换成 /，如 yyyy/MM/dd HH:mm:ss这种格式。解决：new Date(date.replace(/-/g,’/’)).getTime();...

2021-04-30 14:38:16 353

原创 vue实现上拉加载和下拉刷新

上拉加载这个上拉加载是我看了别人的文章，亲测好用后直接搬过来的。原文在这：https://blog.csdn.net/qq_34439125/article/details/85602508加载组件：<template> <div class="weui-pull-refresh" ref="scrollBox" :style="style" @touchstart="touchStart" @touchmove="touchMove"

2021-04-23 10:11:52 1947 3

原创判断事件执行顺序--理解JavaScript事件循环机制

相信很多小伙伴看面试题的时候都看到过这种问js执行顺序的问题，这个问题也困扰了我一段时间，以下是我看完几篇大佬的文章后的理解，希望对大家有帮助。

2021-03-18 10:30:01 275

原创在el-select的change事件中传递自定义参数

这个方法在element-UI 组件的change事件中应该都适用@change="(val)=>checkChange(val, '自定义参数')"

2021-02-22 15:58:08 10793

原创 JS求两个对象数组的差集

let arr1 = [ {fpcid: "2da37fdfe66140089dc3367b21cc6194", fpcNameCode: "34"}, {fpcid: "2da37fdfe66140089dc3367b21cc6195", fpcNameCode: "33"}, {fpcid: "2da37fdfe66140089dc3367b21cc6196", fpcNameCode: "35"}];let arr2 = [ {fpcid: "2da37fdfe66140089dc3367

2020-12-12 11:00:43 6605 5

原创手写深拷贝方法

常用的深拷贝方法有:数组深拷贝：Array.concat()对象深拷贝：Object.assign()3.JSON.parse(JSON.stringify(obj))前两个深拷贝方法只有一级数组和对象可以正常使用，但是多级不行，例如：//因为数组和对象是引用类型，拷贝后的数据和元数据的children其实还是同一个数组，复制的是指向存储在内存堆中的数据的指针。[ { type:'seller', children:[ { name:'Tom', age:20

2020-11-23 16:05:10 1046

原创 el-table-column使用v-if导致位置错乱

在使用tab切换时，使用的是同一个表格组件，切换状态时要重新请求数据，然后要根据不同的状态展示不同的列，使用v-if做判断，在切换时，发现本该隐藏的列没有隐藏，而且位置还发生错乱了！会错乱的写法：<el-table-column v-if="isTab1">受理日期</el-table-column><el-table-column v-if="isTab2">生效日期</el-table-column>解决方法：每一列都添加一个具有唯一值的 ke

2020-11-17 15:10:32 1571

原创 vue项目页面根据导航栏跳转到指定位置

需求：vue项目中，页面内容过多需要往下滚动很多才能见信息浏览完，但是操作按钮却在顶部，浏览修改完信息后要回到顶部后才能进行操作，操作不方便，因此要添加一个导航栏，通过菜单跳转到页面指定的位置，导航栏可以展开隐藏！代码实现：导航栏部分<dl class="menu"> <div class="menuContent"> <div v-if="ismMenuShow" class="menuButtons" @click="hideContent()">

2020-11-09 15:57:26 2517 1

原创判断页面是否被iframe引入

根据window.top 和 window.self判断if(window.top === window.self) { //不在iframe中} else { //在iframe中}

2020-11-05 16:12:29 869

原创 vue防止暴力点击

vue防止暴力点击问题：快速点击按钮时会频繁重复调用借口，为了防止这种情况，要对相应的按钮进行防暴力重复点击处理，最好是使用函数防抖或者函数截流来处理，但是现在已经要修改的按钮太多了，于是换一种方法，用指令的方式来达到相识的效果。1.创建preventReClick.js文件import Vue from 'vue'Vue.directive('preventReClick', { inserted (el, binding) { el.addEventListener('click',

2020-10-10 16:42:38 862

原创 vue中[ob: Observer]的数组无法遍历

今天开发遇到这样一个问题，记录一下踩坑记录我请求回来的是一个数组，我要通过遍历这个数组将符合要求的数据重新push到一个新的空数组中，然后再遍历这个新数组进行操作，但是过程中发现新数组使用forEach遍历时没有进入循环，打印新数组后如下所示：其实不是数组无法遍历，是我在请求方法外面直接调用了遍历新数组的方法，由于请求是异步的，还没接收到后台返回的数据，也就还没有添加到数组里，遍历时自然没有内容。数组为空，但是点开又有数据是因为开始空数组没赋值，赋值之后，因为是地址引用，那个数组已经被修

2020-09-09 16:14:28 8062 3

原创 vue修改Element UI样式，样式穿透

在vue组件中，为了使样式私有化（模块化），不对全局造成污染，在style标签上添加scoped属性，以表示它只属于当下的模块。这样在打包的时候会生成一个独一无二hash值，这样父组件的样式就不会影响到子组件了。但是如果你要想修改子组件的样式，就只能修改公共的样式，这样的话其他使用这个组建的地方都会改变，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>，穿透scoped。有些Sass 之类的预处理器无法正确解析 >&gt

2020-08-10 12:57:48 11974

原创 js实现简单的双向绑定

实现双向绑定是利用了Object.defineProperty() 方法。语法： Object.defineProperty(obj, prop, descriptor)参数说明：1 obj：必需。目标对象2 prop：必需。需定义或修改的属性的名字3 descriptor：必需。目标属性所拥有的特性<input type="text" id="input"/><span id="showText"></span><script> 　　va

2020-08-06 16:19:49 587

原创霓虹灯特效按钮

效果：html部分<div class="body"> <a href="#">Button</a> <a href="#">Button</a> <a href="#">Button</a></div>css部分.body{ display: flex; flex-direction: column; justify-content: center;

2020-07-17 18:22:45 159

原创在vue中使用layDate日期时间插件

项目中需要用到日期时间插件，但是项目要使用公司内部的镜像源且没有UI库，只能放弃使用elementUI,iview等一些组件库，最后想到使用layDate实现该功能参考：https://www.cnblogs.com/duanzhenzhen/p/10611028.htmlhttps://www.cnblogs.com/qq376324789/p/11224717.html使用过程：下载插件：https://www.layui.com/laydate/复制文件夹到项目中将laydate文件

2020-07-03 15:51:08 1150

原创 js手动下载文件

问题：下载文件一般可以使用a标签设置 download 属性来实现，但是遇到图片和.txt文件时是会直接打开，所以使用手动下载。downloadFile :function (fileUrl,fileName){ this.$axios.get(formUrl).then((res)=>{ let fileSuffix = fileUrl.split('.').pop();//文件名后缀。 let blob = new Blob([res.data], { type: `applicat

2020-06-29 16:33:47 237

原创 ElementUI 时间控件el-date-picker设置时间范围7天且不能超过当天

使用官方文档自带的pickerOptions 事件template部分：<el-form-item label="选择时间"> <el-date-picker v-model="bodyCount.date" type="daterange" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" for

2020-06-04 16:55:40 5954 3

原创使用ES6的新特性实现数组去重

ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。而ES6中数组拓展的Array.from方法可用于将两类对象转为真正的数组：类似数组的对象和可遍历的对象（包括 ES6 新增的数据结构 Set 和 Map）。结合以上所述可以很方便实现数组去重function unique(arr){ return Array.from(new Set(arr))}unique([1,3,4,3,6,9,5,4,3])//结果：[1, 3, 4, 6, 9, 5].

2020-05-19 16:57:23 221

原创在el-tabs中使用echarts画图表时的宽高变成100px问题

问题最近做项目时遇到这样一个问题，使用el-tabs展示echarts图表时，只有在默认选中页里，echarts图标才能正常展示，其他页的echarts图表宽高都会变成100px。原因echarts绘制图表计算宽度的时候，由于第二个tab的属性display: none; 所以无法获取到clientWidth，而 parseInt(stl.width, 10)) 将width: 100%;转为100，所以计算出的图表宽度高度为100px。解决方法我原来是直接在el-tab中写的echarts绘图，

2020-05-15 18:50:30 1233

zhi_hu.zip

空空如也