自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 view Table 自定义排序

vue ivew table组件,前端排序,合并行(适用于不分页的表)

2023-07-27 11:55:19 317

原创 echart - 圆角环形图 -模板

一、最近遇到圆角环形图的需求。搞了半天,才找到一个合适的模板,在这里就分享给大家,希望对有需求的小伙伴有所帮助。废话不多说,先贴效果图,然后再贴源码。tip: 大家记得要引入一下echart.js的文件啊,这样才可以显示出来。路径记得找的要对哦。下面min.js就是echart.js。可以自行到官网下载啊。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <

2021-09-10 11:19:40 1731 1

原创 数字三位数后加逗号

需求背景: 最近做首页,需求是数字的动态增长及数字的三位数加逗号,金额的显示处理。1.如何处理整数。需求:整数每三位数一个逗号。Vue 项目,使用filters函数。在export default 里写该函数。然后{{val | numFormat}},即可生效。filters:{ numFormat(val) { if(!val) return '0' return val.toString().replace(/(\d)(?=(?:\d{3})+$)/g,'$1

2021-08-27 16:44:49 496

原创 Echarts 配置项常用

// 默认色板color: [’#ff7f50’,’#87cefa’,’#da70d6’,’#32cd32’,’#6495ed’,‘#ff69b4’,’#ba55d3’,’#cd5c5c’,’#ffa500’,’#40e0d0’,‘#1e90ff’,’#ff6347’,’#7b68ee’,’#00fa9a’,’#ffd700’,‘#6699FF’,’#ff6666’,’#3cb371’,’#b8860b’,’#30e0e0’],// 图表标题title: {x: ‘left’,

2021-08-25 16:48:49 327

原创 JavaScript 如何计算两个日期之间的天数

目的:计算两个日期之间的天数思路:找到两个日期之间的绝对值,然后除以86400000(等于一天中的毫秒数),得数四舍五入返回即可。代码如下:const daysDiff = (date, date2) => Math.ceil(Math.abs(date - date2) / 86400000);console.log(daysDiff(new Date('2021-05-10'), new Date('2021-11-25')));//199...

2021-06-17 19:46:55 4269

原创 js里如何判断实际类型小技巧

const trueTypeOf = (obj) => { return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();};console.log(trueTypeOf(''));// stringconsole.log(trueTypeOf());// undefinedconsole.log(trueTypeOf(null));// nullconsole.log(trueTypeOf({}));

2021-06-17 19:39:47 79

原创 判断对象为空

一、判断对象为空的方法:1.使用Object.keys()代码如下:2.使用JSON.stringify()代码如下:判断结果是否等于"{}"去判断是否为空对象3.使用for in 循环var obj1 = { 'name': 'zhu', 'age': 18}var obj2 = {}function isNull(obj) { for (let key in obj) { return true } return fals

2021-06-11 17:27:49 2242

原创 git clone 出现 fatal: unable错误

系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例

2021-05-26 11:17:11 824

原创 Vue---关于父子组件加载顺序

1、父子组件的加载顺序为父beforeCreated ->父created ->父beforeMounted ->子beforeCreated ->子created ->子beforeMounted ->子mounted -> 父mounted2、父组件更新顺序为父beforeUpdate->父updated3、子组件更新顺序为父beforeUpdate->子beforeUpdate->子updated->父updated4、父子

2021-05-21 17:32:33 553

原创 关于数组拷贝方法技术总结

数组是咱们前端经常拿到需要处理的数据,打交道最多的,这里有些常用的业务场景,今天总结一下。希望对大家有帮助。一、数组的拷贝:数组拷贝类型分为深拷贝及浅拷贝浅拷贝是引用地址都是同一个,改了数组之后会影响另一个。深拷贝就是两个地址,两份独立的数据,互不影响。浅拷贝:01.ES6拷贝。(这是一维数组深拷贝,其实也是浅拷贝。但是针对一维数组是深拷贝。一维数组就是数组只有一层,不是多层数组嵌套)举个例子:一维数组:[1,2,3,4]二维数组:[1,2,3,[1,2,3],4]多维就是不确定的继续嵌

2021-05-20 14:24:35 440

原创 Element Ui 日期控件如何限定可选择日期范围

Element Ui 日期控件如何限定可选择日期范围常用的几种限制日期的使用情景:一、首选是单个日期选择框:组件代码如下:<el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOptions"></el-date-picker>注意:pickerOptions这个要写到data()里情景1: 设置选择今天以及今天之前的日期d

2021-05-10 15:33:33 3114

原创 关于Element UI 里table表格的操作

关于Element UI 里table表格的操作:增删改查,批量删除,批量修改。找到一篇文章,写的不错,给大家参考参考。原文链接:https://blog.csdn.net/weixin_43216105/article/details/89187867

2021-05-06 15:58:42 752

原创 MacbookPro安装前端开发环境的爬坑之旅

系列文章目录文章目录系列文章目录前言一、MacbookPro的系统认知二、强大的触控板(16种姿势带你飞)1.熟悉触控板2.熟悉怎样下载APP3.开始前端环境的搭建总结前言前端开发的小菜鸟拿到人生第一台MacbookPro的使用指南一、MacbookPro的系统认知1.首先认识Mac OS系统,这里以10.15版本为例二、强大的触控板(16种姿势带你飞)1.熟悉触控板代码如下(示例):import numpy as npimport pandas as pdimport matp

2021-02-09 11:41:13 1933

转载 宏任务与微任务

为什么要引入微任务,只有一种类型的任务不行么?答:页面渲染事件,各种IO的完成事件等随时被添加到任务队列中,一直会保持先进先出的原则执行,我们不能准确地控制这些事件被添加到任务队列中的位置。但是这个时候突然有高优先级的任务需要尽快执行,那么一种类型的任务就不合适了,所以引入了微任务队列。https://segmentfault.com/a/1190000022805523宏任务、微任务:是指js的异步队列中划分时间处理优先级的两个概念。宏任务包括:script(整体代码)setTimeout()

2021-02-08 17:10:56 226

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除