自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 资源 (1)
  • 问答 (1)
  • 收藏
  • 关注

原创 Vue Echarts 漏斗图(金字塔型)

Vue Echarts 漏斗图(金字塔型)一般的漏斗图<template> <div class="timeLineview"> <div style="height:400px" ref="categoryChart"></div> </div></template><script>//调用echartsimport echarts from "echarts";export defaul

2020-06-29 11:05:58 10615 1

原创 Vue Echarts柱形图(带滚动效果)

Vue Echarts柱形图代码<template> <div class="timeLineview"> <div v-bind:style="{ height: heightData + 'px' }" ref="categoryChart"></div> <div v-bind:style="{ height: noHeight + 'px' }" class="nomore"> {{ noData }}

2020-06-28 11:33:26 2685

原创 vue iview Table 表格实现分页效果

<template> <div class="table"> <Table :columns="columns" :data="pageData" :border="true" > <Page :total="progressData.length" :current="page" :page-size="30" show-total

2020-06-23 11:26:59 2470

原创 Vue Vant文件上传进阶版

Vue Vant文件上传进阶版按照当前图片数保存数据,可以任意修改,当一次访问有数据时,实时显示<template> <div class="imglist"> <div class="h2">文件上传</div> <div class="upload"> <van-uploader v-model="fileList" multiple capture="c

2020-06-15 14:10:19 1868

原创 正则 显示0-100的数字(可以是小数也可以是整数,不能是01,02可以是0.1)

正则 显示0-100的数字(可以是小数也可以是整数,不能是01,02可以是0.1)第一种,显示0-100的整数 var reg = /^((?!0)\d{1,2}|100)$/; if (!value.match(reg)) { return 0; } else { return value; }第二种不用正则,直接用if判断 if(parseFloat(value )){ if (value == "") {

2020-06-12 08:57:01 9956 3

原创 vue 给数组添加新对象并赋值

vue 给数组添加新对象并赋值方法一适用于数组就只有一组listData: [{name:"张三",age:18}],//直接添加对象listData.sex="男"方法二适用于数组就有多组信息listData:[],list:[{"张三","李四"}]//比如想把另外一个数组中编列出来的值加入到这个数组中 for (let index = 0; index < this.listlist.length; index++) { this.listData

2020-06-11 09:38:53 38488 2

原创 css 选取第一个标签元素

css 选取第一个标签元素方法一:直接获取对应class类名的第一个标签<div class="idcardlist"><div class="idcard">1</div><div class="idcard">2</div></div><style>.idcard:first-child { background-color: red;}</style>方法二 :获取标签下

2020-06-08 14:45:44 21637

原创 css树状图

css树状图效果图 <div class="tree"> <ul> <li> <a href="#"> <div class="heda"></div> </a> <ul> <li> <a href="#"> <di

2020-06-06 13:50:02 1860 1

原创 Vue 计算属性,监听器,过滤器

Vue 计算属性,监听器,过滤器计算属性监听器过滤器计算属性和监视器的区别计算属性和过滤器的区别计算属性computed计算属性就是当其依赖属性的值发生变化时,这个属性的值会自动更新。计算属性适合一个变量或者多个对象处理后返回一个结果值,也就是多个变量的某一个发生改变,我们监控的这个值也会改变。计算属性也依赖缓存,如果数据发生改变就会重新计算,如果不发生改变用之前的缓存结果。计算属性有两种方法,get和set.监听器watch方法会实时监听属性的变化,并且改变属性的值。watch也具有缓存,如果监听

2020-06-01 13:38:41 476

vue3+vite 实现cesium绘制图形

(1)支持鼠标绘制多种图形并返回点位坐标集合。 a. 线段 b. 多边形 c. 圆形 d. 扇形 e.矩形 f.点 (2)可以通过输入坐标点集合生成上述图形(WGS84 坐标) (3)支持 3D 和 2D 模式切换

2024-08-26

ES6学习笔记.docx

关于ES6的学习心得包括ES6的三种命名方式,应用;箭头函数的介绍和应用,ES6字符串模板,ES6中的for和Array以及扩展运算符

2020-04-27

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

TA关注的人

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