- 博客(21)
- 收藏
- 关注
RSS订阅
原创 多种方法实现数组扁平化
const arr = [1, 2, [3, 4, [5, 6, [7, 8, [9, 10]]]]] //思路一：利用toString转换为字符串，再用split用逗号分隔 function list(data){ return data.toString().split(',').map((item)=>{ return Number(item) }) } console.log(list(arr))[1,2,3,4,5,6,7,8,9,1
2021-03-17 16:19:35
126
原创 Element-Ui中的el-progress指定进度条内容
根据官网中：可以看出format方法是可以控制指定文字显示的。在这里后端给我返回的就是百分比，所以要做到在进度条里显示数量。直接贴代码：<table style="color: white;width: 100%;height: 100%;"> <tr> <th style="width:10%">产线名称</th> <th style="width:15%">产品型号</th>
2020-12-09 14:16:37
9912
4
原创 elementUI中el-tabs组件接口多次请求解决方案
首先看代码：<template> <el-tabs v-model="activeName" type="card"> <el-tab-pane :label="item.title" :name="item.value" v-for="(item,index) in tabList" :key="index"> <DomesTic v-if="activeName === '1'"></DomesTic>
2022-03-30 10:58:38
3832
3
原创 JS复制内容到剪贴板
JS复制内容到剪贴板html内容：<body> <div class="box"> <div class="header" onclick="copy()">点击复制</div> <div class="text"></div> </div></body>JS部分：<script> function copy() {
2022-02-28 16:37:08
243
原创 微信小程序Promise简单封装带Loading
关于Promise这里不多做解释，相关请查阅资料，直接上代码，说明可以看注释//新建一个request.js文件，代码如下// 接口请求的数量let ajsxTimes = 0export const request=(methods,url,data)=>{ ajsxTimes++ // 显示加载中效果 wx.showLoading({ title: "加载中", mask: true, }); // 提取公
2021-11-09 22:47:30
577
1
原创 amCharts取消LOGO
因为项目需要写了一个3D饼图，这里用了amCharts来实现，如图：实现之后会出现图中标注的LOGO，看了文档没有找出来，我的取消思路是直接添加style隐藏，具体代码如下：let Logo = document.querySelectorAll("[aria-labelledby$=-title]");Logo.forEach((ele)=>{ ele.style.visibility="hidden";})这个代码是通用的，当你查看DOM的时候会发现这个LOG都会有aria-
2021-10-19 17:28:00
501
原创 vue模板字符串中点击事件传递参数
需求是在百度地图的信息窗口中点击跳转到点位的详情页面，所以用到了模板字符串的点击传参，在此记录一下：如图：信息窗口使用了模板字符串，点击查看按钮跳转详情，代码如下：const sContent = `<div class="map-box"> <div class="map-btn" onClick="btnFun('${v.name}')">查看详情</div></div>`;//切记 这里是onClick="btnFun('${变量}'
2021-09-24 17:13:04
1624
原创 项目里面单个接口取消和自定义请求头
因为项目的请求头是封装好了的，但是应为项目需要用到了高德地图的开放API,因为请求头不对造成了跨域。所以这边记录一下删除请求头里面的某个参数：geocode(data:object):AxiosPromise{ return window.common.Axios({ url:`https://restapi.amap.com/v3/geocode/regeo`, transformRequest: (data, headers) =>
2021-06-21 14:26:41
435
原创 CSS斜线表格
Table斜线表格直接上代码：Html代码： <table> <thead> <tr> <th colspan="2" class="lineTd"> <span class="leader">市领导</span> <span class="date">日期</span> <
2021-06-06 01:26:39
847
原创 VUE横跨多个组件传值
官网中有介绍provide / inject可以实现对于父组件横跨多个子组件的传值方法，如以下代码：先看模拟图（父组给组件4传递数据）：父组件代码：<template> <div id="home"> <div class="fu"> <h1>这是父组件</h1> <button @click="add">改变msg的值</button> <A&g
2021-05-17 11:44:31
702
原创 Vue3的生命周期
由于本人才开始学vue3，所以一些思路以及没有用到的知识点希望各位不吝赐教直接上代码：<script lang="ts">import {ref,reactive,toRefs,onBeforeMount,onMounted,onBeforeUpdate,onUpdated,onBeforeUnmount,onUnmounted,onErrorCaptured} from 'vue'interface DataProps{ itemGirls:string[], GirlCo
2021-05-02 02:52:37
431
1
原创 小程序父子组件传值
目前自学微信小程序，为了加深印象，纯属记录一下，大家有更多的解决方案希望不吝赐教，万分感谢需求：父组件给子组件传入数据，子组件循环渲染出来，点击将index传递给父组件，父组件改变tabs数据// 父组件list数据 tabs: [{ id: 0, value: "综合", isActive: true }, { id: 1, value: "销量", isActive: f
2021-03-26 15:28:41
194
原创 关于前端定时器（setTimeout、setInterval）
因为需求是数据看板需要每10秒刷新一次，使得柱状图跟折线图做到实时刷新。因此本人使用setInterval设置请求时间，但是没有考虑到关闭定时器，使得浏览器的性能大大损耗。在这里讲一下关于定时器的知识点1、JS中的定时器有两种：setTimeout(funct,time):设置一个定时器,并且设定了一个等待的时间[time],当到达时间后,执行对应的方法[function],当方法执行完成定时器停止(但是定时器还在,只不过没用了,以后也不会执行);setInterval(funct,time):
2020-12-03 09:37:50
6320
原创 数组中slice，splice的用法
slice() 方法可从已有的数组中返回选定的元素。splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。从前面删除 返回被删除的元素的集合//定义一个数组let list=[1,2,3,4,5,6,7,8,9,'a','b']//返回被删除的元素的集合let lista = list.splice(0,2) //splice方法返回被删除的集合//输出结果lista = [1,2]let listb = list.slice(0,2) //slice方法返回被删除的
2020-11-30 11:11:01
690
原创 初次进入页面显示当前时间，且实时更新
如图：直接上代码：全是基本功，第一句：_this = this(_this只是一个变量名，this代表父函数，如果在子函数还用this，this的指向就变成子函数了，_this就是用来存储指向的)这样时间已经可以显示了，需要做到实时更新的话需要再写一个定时器：在created里面执行这个定时器就ok了附上代码：methods:{ getTime() { var _this = this; let yy = new Date
2020-11-17 14:02:12
142
原创 Echarts屏幕放大缩小自适应
Echarts屏幕放大缩小自适应如果echarts不做大小自适应的话，屏幕放大缩小是不会让实例自适应的，在这里我本人根据浏览器自带的监听屏幕事件window.addEventListener(‘resize’,function(){})这个方法结合echarts官网中的chart.resize()方法。其原理是浏览器监听屏幕大小变化，执行echarts中的chart.resize()方法。只要屏幕尺寸发生改变，echarts实例会紧跟着同比例放大缩小。如下图：标题原始屏幕尺寸标题屏幕尺寸改变
2020-11-17 13:38:16
9245
原创 ElementUI-vue修改下拉框的默认样式
ElementUI-vue修改下拉框的默认样式如下图：通过Dom元素可以发现，官方Select选择器下拉框是直接插入body标签中，与最外级div同级，所以在Vue中无论怎么写css都无法覆盖到下拉框样式。仔细找了一下elementUI的官方文档，在这里要给select标签增加 :popper-append-to-body=“false” 属性接下来的css设置就在浏览器里右击下拉框，先在浏览器里写入你需要改的样式，接下来复制到编辑器里就行。可能只是单页面修改下拉框的样式，所以这里我用到
2020-11-12 15:08:33
3147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人