M_Limeng-优快云博客

原创 Echarts的世界、中国、省份地图

效果图安装的依赖npm i echarts echarts-gl -Shtml <div class="beijing"> <div id="ChinaMap"></div> <div id="WorldMap"></div> <div id="CityMap"></div> </div>jsimport echartsGL from "echarts-g

2022-02-23 15:38:41 2565

原创 vue导出Excel

代码 <div> <table id="out-table"> <tr> <td>123</td> <td>123</td> <td>123</td> <td>123</td> <td>123

2022-02-21 15:30:21 323

原创浅拷贝、深拷贝

数组的浅拷贝、深拷贝数组深拷贝传送门对象的浅拷贝、深拷贝数组深拷贝传送门对象数组的浅拷贝、深拷贝对象数组格式let arr=[{“a”:1,b:2,c:3},{“a”:2,b:3,c:4},]数组对象深拷贝传送门

2022-02-14 17:04:18 252

数组的reduce方法 let arr = [1, 11, 21, 31, 3, 6, 16, 34, 12, 11, 16, 41, 2, 1] var newArr = arr.reduce(function (prev, cur) { // console.log(arr,";;;;;;;;;;;"); console.log(prev.indexOf(cur) === -1, "________");

2022-02-11 15:15:57 372

原创统计同一名称的数字

数据处理统计同一名称的数字 let name = ["赵", "钱", "孙", "李"] let info = { 1: [{ name: "李", num1: 1, num2: 2 }, { name: "赵", num1: 1, num2: 2 }, { name: "孙", num1: 1, num2: 2 }, { name: "钱", num1: 1, num2: 2 }], 2: [{ name: "李", num1: 1

2022-02-11 15:10:43 411

原创 ElementUI表单验证

ElementUI表单验证ElementUI的表单验证借助了async-validator，该模块内置了很多原生类型的验证，如： string, number等相关类型给el-form绑定model属性<template> <el-form :model="formData"></el-form></template><script> export default { data () { return {

2022-02-08 11:21:43 1277

原创封装的获取任意月底的函数

封装的获取任意月底的函数function hqyd(data) {// 判断是否为闰年的函数 function isRunYear(year1) { var flag = false; if (year1 % 4 == 0 && year1 % 100 != 0 || year1 % 400 == 0) { flag = true; } return flag; } // le

2022-02-07 15:35:55 402

原创数组的对象元素，按照对象的某个键分类，把键的值相同的放到一个数组里，生成一个新的二维数组

function sortArr(arr, str) { var _arr = [], _t = [], // 临时的变量 _tmp; // 按照特定的参数将数组排序将具有相同值得排在一起 arr = arr.sort(function (a, b) { var s = a[str],

2022-01-18 17:20:52 610

原创获取对象键名并放到数组里的两种方法

for inlet obj={ name0: "yi" name1: "er" name2: "san"}let arr1=[]for (const key in obj) { arr1.push(key)}console.log(arr1);// ['name0', 'name1', 'name2']Object.keys(对象名)console.log(Object.keys(obj));// ['name0', 'name1', 'name2']

2021-11-15 11:55:04 1157

原创 apply的妙用

数组元素添加到对象中js将数组元素添加到对象中（或数组转换成对象）有个小技巧：var obj ={};let a=[].push.apply('obj',[1,2,3,4,5])console.log(obj);//输出结果：{0:1,1:2,2:3,3:4,4:5,length:5}

2021-11-12 17:46:53 742

原创 vue中自定义文字样式和动态渲染图片

自定义文字样式和循环使用图片在VUE中使用方式1）文字在style标签引入@import "路径";/*例如:*/@import "font/font.css";/*此文件格式*/@font-face { font-family: 'FontName'; src: url('TTTGB-Medium180130.ttf'); font-weight: normal; font-style: normal;}使用： font-family: 'FontName';2）

2021-11-12 17:27:20 1056

原创 echart 水柱图

标题效果图 mounted(){ this.setflow("flow","#104277","#58A2F0","#8BD7FF",0.5); },methods:{ setflow(vessel,bgcolor,bgcolor2,bgcolor3,val){ var chartDom = document.getElementById(vessel); var myChart = this.$echarts.init(chartDom); var opt

2021-10-27 15:56:55 876

原创动画图片在水平方向上按照圆心旋转

图片在水平方向上按照圆心旋转@keyframes rotate2 { 0% { transform: translateY(3%) rotateX(78deg) rotateZ(0); } 100% { transform: translateY(3%) rotateX(78deg) rotateZ(360deg); } }

2021-10-27 15:40:53 183

原创 echart饼图

效果图setcharts(box){ var chartDom = document.getElementById(box); var myChart = echarts.init(chartDom); var option; var option = { title: { text: '30%', subtext:'张家口

2021-10-26 11:37:00 159

原创数组数据柱状图

效果图drawLines(){ var chartDom = document.getElementById('myChart'); var myChart = echarts.init(chartDom); var option; option = { legend: { top:'6%', right:'10%',

2021-10-26 11:32:06 504

原创 vue使用Echars柱状和折线混用

1.准备容器<div class="merchant_right" id="myChart" ref="myChart" ></div>2.echars柱状和折线混合使用methods: { drawLines(){ // 容器 var chartDom = document.getElementById('myChart'); // 初始化实例对象 var myChart = echarts.init(chartDom); //

2021-10-22 13:57:24 542

原创路由拦截(接口携带token)验证

路由拦截 router/index.js在管理系统项目中，页面一定是除登录页外其他页面都不能直接访问，都需要登录后才能方式router.beforeEach((to, from, next) => { if (to.path !== '/login') { // 对token进行验证（验证token的接口）验证token().then(() => { next() }) // .catch不需要再写了，因为在axios的响应拦截器

2021-09-29 18:07:15 945

原创 vue中使用echarts

vue中使用echarts如果在vue里使用echarts可以使用vue-echarts，又因为echarts需要echarts模块，所以我们需要安装这两个模块yarn add echarts vue-echarts在vue2中使用该模块时，需要安装@vue/composition-apiyarn add @vue/composition-api如何使用1 创建对应的组件在components中创建一个文件Chart.vue2 生成基本的模板结构，引入v-chart组件<temp

2021-09-29 18:04:00 433

原创格式化日期函数

格式化日期函数1export const formatDate = (date, fmt) => {var o = {“M+”: date.getMonth() + 1, //月份“d+”: date.getDate(), //日“h+”: date.getHours(), //小时“m+”: date.getMinutes(), //分“s+”: date.getSeconds(), //秒“q+”: Math.floor((date.getMonth() + 3) / 3), //

2021-09-29 18:02:51 793

原创第三方模块

第三方模块第三方模块定义别人写好的具有特定功能的模块地址第三方类库国外地址下载在命令行输入：npm install(简写i) 模块名（比如：npm i jquery）成功的效果如下图卸载npm uninstall 模块名nodemon作用命令行工具，辅助开发项目，修改文件内容，保存就自动执行文件下载命令行输入：npm i nodemon -g(-g 全局安装，任意目录下可使用)执行文件命令行输入：nodemon 文件名文件执行中常见的问题：提示错误：无法加载文件

2021-06-04 09:13:37 205