- 博客(21)
- 收藏
- 关注
原创 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
2362
原创 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
237
原创 浅拷贝、深拷贝
数组的浅拷贝、深拷贝数组深拷贝传送门对象的浅拷贝、深拷贝数组深拷贝传送门对象数组的浅拷贝、深拷贝对象数组格式let arr=[{“a”:1,b:2,c:3},{“a”:2,b:3,c:4},]数组对象深拷贝传送门
2022-02-14 17:04:18
210
原创 数组去重reduce
数组的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
334
原创 统计同一名称的数字
数据处理统计同一名称的数字 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
374
原创 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
1170
原创 封装的获取任意月底的函数
封装的获取任意月底的函数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
351
原创 数组的对象元素,按照对象的某个键分类,把键的值相同的放到一个数组里,生成一个新的二维数组
function sortArr(arr, str) { var _arr = [], _t = [], // 临时的变量 _tmp; // 按照特定的参数将数组排序将具有相同值得排在一起 arr = arr.sort(function (a, b) { var s = a[str],
2022-01-18 17:20:52
542
原创 获取对象键名并放到数组里的两种方法
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
1074
原创 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
693
原创 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
967
原创 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
760
原创 动画 图片在水平方向上按照圆心旋转
图片在水平方向上按照圆心旋转@keyframes rotate2 { 0% { transform: translateY(3%) rotateX(78deg) rotateZ(0); } 100% { transform: translateY(3%) rotateX(78deg) rotateZ(360deg); } }
2021-10-27 15:40:53
116
原创 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
112
原创 数组数据柱状图
效果图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
404
原创 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
462
原创 路由拦截(接口携带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
891
原创 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
379
原创 格式化日期函数
格式化日期函数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
723
原创 第三方模块
第三方模块第三方模块定义别人写好的具有特定功能的模块地址第三方类库国外地址下载在命令行输入:npm install(简写i) 模块名(比如:npm i jquery)成功的效果如下图卸载npm uninstall 模块名nodemon作用命令行工具,辅助开发项目,修改文件内容,保存就自动执行文件下载命令行输入:npm i nodemon -g(-g 全局安装,任意目录下可使用)执行文件命令行输入:nodemon 文件名文件执行中常见的问题:提示错误:无法加载文件
2021-06-04 09:13:37
163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人