08 2021 档案

vue使用babel-plugin-import按需引入Ant Design View + babel-plugin-component按需引入element-ui
摘要：0.基本步骤 官网直通车——在 vue-cli 中使用 - Ant Design Vue (antdv.com) 1. Ant Design View按需引入 我的低版本的古老vue-cli模板里修改如下 main.js里修改如下 效果如图 2. Element-UI按需引入（低版本） 官网直通车— 阅读全文
posted @ 2021-08-30 09:53 乐盘游 阅读(1383) 评论(0) 推荐(0)
vue深浅拷贝的思索
摘要：1.问题 做热力图测试的时候，想保存默认值pointsArr，就设了个pointsArrO，然后保存的时候一直都是浅拷贝（直接把地址拿过来），pointsArrO会随着pointsArr变化而改变，这并不是我想要的。 2.解决方法 搜了下如何深拷贝，这个答主说的挺好的。 前端 深拷贝和浅拷贝 - 知 阅读全文
posted @ 2021-08-27 10:17 乐盘游 阅读(154) 评论(0) 推荐(0)
heatmap.js插件在vue中使用的简单心得
摘要：0.相关网站 官网文档——heatmap.js Documentation (patrick-wied.at) 一个写的很好的示例——Vue+heatmap.js实现热力图的展示 - 简书 (jianshu.com) 1.安装 npm install heatmap.js 2.引用 // 在需要的文 阅读全文
posted @ 2021-08-26 15:30 乐盘游 阅读(1963) 评论(2) 推荐(0)
地图下钻+标记点
摘要：首先老规矩，上代码 drawMap() { if ( this.myChart != null && this.myChart != "" && this.myChart != undefined ) { this.myChart.dispose(); } this.$nextTick(() => 阅读全文
posted @ 2021-08-26 10:52 乐盘游 阅读(289) 评论(0) 推荐(0)
绘制地图的多种方式
摘要：1.自由绘制地图网站——geojson.io 这张图是使用删除的时候选中的对象，可以一次删除多个，删除线条的时候要注意指针变成这个样子才是选中。 压缩geoJson的网站——mapshaper 本文所用的geoJson如下 // drawMap.geoJson { "type": "FeatureC 阅读全文
posted @ 2021-08-25 14:22 乐盘游 阅读(879) 评论(0) 推荐(0)
以厦门市为例做地区悬浮上浮效果
摘要：echarts用地图还挺复杂的， 先展示下成果，Make A Pie - 以厦门市为例做地区悬浮事件上浮效果 参考了这个老铁的作品，Make A Pie - echarts地图渲染（厦门市） 结合Echarts官网关于shadowBlur和它的小伙伴的介绍，Documentation - Apach 阅读全文
posted @ 2021-08-24 17:46 乐盘游 阅读(138) 评论(0) 推荐(0)
vue router中使用query的思考
摘要： 阅读全文
posted @ 2021-08-23 18:00 乐盘游 阅读(46) 评论(0) 推荐(0)
fabric.js简单小画板
摘要：<template> <div class="home"> <div class="btnwrap"> <span class="brushColor" ref="brushColor"> <ColorPicker class="colorPicker" @on-active-change="upd 阅读全文
posted @ 2021-08-20 10:00 乐盘游 阅读(304) 评论(0) 推荐(0)
fabric.js动画制作简单的落雪效果播放
摘要：老规矩先上代码 1 <template> 2 <div class="animate"> 3 <el-button 4 id="toggle" 5 @keyup.space.native 6 class="elBtn" 7 :class="{ active: isFirst && autoPlay 阅读全文
posted @ 2021-08-20 09:58 乐盘游 阅读(306) 评论(0) 推荐(0)
fabric.js动画简单的播放器
摘要：老规矩先上代码， 1 <template> 2 <div class="animate"> 3 <canvas id="canvas" width="300" height="300"></canvas> 4 <el-button id="toggle">▷</el-button> 5 </div> 阅读全文
posted @ 2021-08-18 15:50 乐盘游 阅读(221) 评论(0) 推荐(0)
使用Panzoom控制svg
摘要：插件两个 1个是panzoom timmywil/panzoom: A library for panning and zooming elements using CSS transforms (github.com) 1个是svg-sprite-loader npm install svg-sp 阅读全文
posted @ 2021-08-17 18:04 乐盘游 阅读(1036) 评论(0) 推荐(0)
侧栏背景更换
摘要：<el-dropdown-menu slot="dropdown"> <el-dropdown-item command="1">更换背景</el-dropdown-item> <el-dropdown-item command="2">退出登录</el-dropdown-item> </el-dr 阅读全文
posted @ 2021-08-16 09:37 乐盘游 阅读(78) 评论(0) 推荐(0)
Axios配置 基础的get post
摘要：安装axios... 在src/utils/axios.js（新建一个） /** * axios 配置 转载于（https: //segmentfault.com/a/1190000016680014） * (https://segmentfault.com/a/1190000013507743?u 阅读全文
posted @ 2021-08-10 14:56 乐盘游 阅读(204) 评论(0) 推荐(0)
Echarts之内嵌圆环图v5.1.2
摘要：相比v4，v5有些许变动。我也没看官方文档，就对着浏览器开发者工具报错的地方一个一个调的，又综合了别人的经验，代码如下 放在drawPieAll function下 drawPieAll() { // myChart paint more times, it will warn if ( this. 阅读全文
posted @ 2021-08-04 17:50 乐盘游 阅读(472) 评论(0) 推荐(0)
VueX+VueRouter+Cookie实现简单登录页
摘要：路由页的登录导航守卫设置 1 import Cookies from 'js-cookie' 2 3 // Not login 4 router.beforeEach((to, from, next) => { 5 if (to.matched.some(m => m.meta.auth)) { 6 阅读全文
posted @ 2021-08-03 17:34 乐盘游 阅读(182) 评论(0) 推荐(0)
element下拉输入框，下拉待选项不存在的情况
摘要：遇到的解决方法如下 参考网页：element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)_wyhstars的博客-CSDN博客 阅读全文
posted @ 2021-08-03 15:26 乐盘游 阅读(314) 评论(0) 推荐(0)
echarts出现警告[echarts Can't get dom width or height]解决方法就是初始化后再填数据，放nextTick中
摘要：先上修改好的代码 drawPieAll() { // myChart paint more times, it will warn if ( this.myChart != null && this.myChart != "" && this.myChart != undefined ) { thi 阅读全文
posted @ 2021-08-03 13:43 乐盘游 阅读(862) 评论(0) 推荐(0)
之前遇到过的watch监听值相同，却多触发一次的问题。复杂类型，虽然值相同，地址不同也会触发watch
摘要：之前这里是filterPlus，每次改变InputName，比如【a】->【''】，filterStatement-1，变化过程为【1】->【0】->【0】，零状态会触发两次watch InputName，原来是复杂数据类型，地址改变了！ //我猜的哈，估计是这样 computed和watch的区别 阅读全文
posted @ 2021-08-03 10:23 乐盘游 阅读(429) 评论(0) 推荐(0)
echarts 堆叠柱状图 项目中的使用
摘要：效果如图 堆叠柱状图的使用官方有，注意点两个 1横轴排列 2如何堆积起来 A1因为有的时候周末不用打卡，横坐标就不需要1-31都有，挑有人打卡的天数汇聚成数组checkDate，当成横坐标 另，如果需要排序，还需要在获得三组数据[checkDate/checkSuc/checkFail]之后再进行一 阅读全文
posted @ 2021-08-02 18:25 乐盘游 阅读(555) 评论(0) 推荐(0)