- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅
5原创 eslint setting.json文件添加配置
/ -------------------- prettier 配置(以下配置主要针对.js) --------------------// -------------------- koro1FileHeader 配置 --------------------// -------------------- prettier 配置 --------------------// -------------------- vetur 配置 --------------------
2024-04-28 11:35:09
922
原创 formatTime时间戳格式转换
/**时间戳格式转换以及计算*/export function formatTime (time = 0, format = 'YYYY-MM-DD hh:mm:ss') { const now = new Date().getTime() if (!time) time = now while (time.toString().length < 13) time += '0' const date = new Date(time) date.getMonth(
2022-04-20 00:25:25
874
原创 配置文件多个请求端口访问
首先是封装axios请求import axios from 'axios'import { Notification, Message } from 'element-ui'axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'// 创建axios实例const service = axios.create({ // axios中请求配置有baseURL选项，表示请求URL公共部分 baseURL
2022-04-14 11:44:47
227
转载 封装半年element组件使用
组件在页面中使用<HalfYearSelect ref="quarter" @getQuarterValue="getQuarterValue"></HalfYearSelect>页面中使用方法 getQuarterValue(value) { var date = value.date this.$set(this.form,'planExt',date) },封装季度组件<template&g
2022-03-07 17:44:26
211
原创 前端 自定义指令避免连点
/**防止按钮重复点击*/import Vue from ‘vue’// 在vue上挂载一个指量 preventReClickconst preventReClick = Vue.directive(‘preventReClick’, {inserted: function (el, binding) {el.addEventListener(‘click’, () => {if (!el.disabled) {el.disabled = truesetTimeout(() =&
2022-02-17 14:35:49
441
原创 前端实现D3使用图片展示在节点上
createThreeD(list) { //异步渲染 一般用于在弹框渲染中 直接展现在页面也可以忽略 setTimeout(() => { //获取D3 rankdir LR控制流程图横向扩张 var g = new dagreD3.graphlib.Graph().setGraph({rankdir: "LR"}); // 添加节点 list.nodeInfos.forE
2022-01-21 09:19:29
2112
原创 循环调用接口进行渲染数据，顺序错乱问题
在调用接口的时候添加async await 调用async getList() { this.loading = true this.List = [] let differNumber = 0 this.number = 0 await this.getConfigKey('coke.actual.minute').then(response => { this.actualMinute =
2022-01-06 13:48:19
746
原创 时间转换格式 yyyy-mm-dd hh:mm:ss
首先先来转换一下格式var time = new Date(this.queryForm.lastInventoryTime) //获取我们需要拿到的的格式 var year = time.getFullYear(); //通常获取月份的时候都会减去1 所以这边就+ 1 var month = time.getMonth() + 1; var date = time.getDate(); var hour = time.getHours(); var
2022-01-06 12:02:51
951
原创 2021-07-05
CSS修改滚动条的样式修改某个div的滚动条/*修改某个div的滚动条样式*/div::-webkit-scrollbar{ width:5px; height:5px; /**/}div::-webkit-scrollbar-track{ background: #fff; border-radius:2px;}div::-webkit-scrollbar-thumb{ background: #444; border-radius:10px;}div::-w
2021-07-05 15:45:36
57
原创 js数组的数组的方法
数组中的常见方法与使用1.concat的使用//定义两个数组var arr = [1,2,56]var arr1 = ['wsa',3,223]//concat的使用arr.concat(arr1)2.slice的使用var arr1 = ['wsa',3,223]var arr = []//concat的使用arr1.slice(0,2)//前者为要开始截取的下标，后者为截取的长度3.splice的使用//注：splice 会改变截取数组的变化var arr1 = ['w
2020-12-29 21:00:00
347
原创 深浅拷贝的理解与使用
三分钟了解深拷贝与浅拷贝原理:所谓深拷贝的就是多层拷贝对象或数组中的数据，浅拷贝的话就是拷贝一层数据首先是浅拷贝的实现我们可以使用es6的语法 var obj = object.assgin({},"要拷贝的数据")2.第二种结构赋值let a={age:1}let b={...a}a.age=2console.log(b.age)3.第三种js转换进行赋值JSON.parse(JSON.stringify(object))其次是深拷贝的实现深拷贝使用递归来实现f
2020-12-29 20:34:31
287
原创 如何使用分页器组件封装
如何使用分页器组件封装1.首先我们先定义一个子组件来封装一个分页器组件这个是element ui 中的分页器 <el-pagination @current-change="handleCurrentChange" layout="prev, pager, next, jumper" :total="list.data.total" > </el-pagination>2.在父组件中请求数据，请求到数据之后将条数t
2020-11-23 21:46:40
842
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人