12 2021 档案
摘要：当我们在封装了echarts组件之后，需要在同一个页面中引入多次时，会出现数据覆盖等一系列问题当时我是修改了id也无济于事，达不到我需要的效果解决方案其实很简单，修改一点就好了，将我们封装的组件中的id选择器删掉，换成ref，下面是组件修改部分 <template> <div> <div class
阅读全文
摘要：chart.setOption({ ... series: [{ type: 'wordCloud', /* 绘制词云的形状, 值为回调函数 或 关键字, 默认 circle 关键字: circle 圆形 cardioid 心形 diamond 菱形 正方形 triangle-forward, tr
阅读全文
摘要：1、在项目下使用命令行，初始化工程的 npm 环境并安装 echarts（这里前提是您已经安装了 npm） npm init npm install echarts --save 2、全局引入 main.js import Vue from 'vue' //全局引入echarts import *
阅读全文
摘要：解决方法： 1、将 import echarts from 'echarts'; 改为 import * as echarts from 'echarts'; 2、重装Echarts，卸载掉Echars5.x，装Echarts4.x，同样可以解决问题。 原文链接：(8条消息) 解决“export ‘
阅读全文
摘要：防抖：多次触发事件后，事件处理函数只执行一次，并且是在触发操作结束时执行 使用场景：频繁触发事件，搜索框输入值，及滚动条触发事件 实现代码： 1.为了我们方便使用防抖我们需要重复书写同样代码，可以封装一个方法utils.js 2.防抖一共有两个版本一种是立即执行一种是非立即执行 第一种：非立即执行：
阅读全文
摘要：1.最近在使用split函数切割一个以空格为分隔符的字符串时，发现切出的长度和预期的长度不一致！！ let str = "hellow world!" //注意hellow与world之前有两个空格 console.log(str.trim().split(" ")) console.log(str
阅读全文
摘要：浏览器标签页被隐藏或显示的时候会触发visibilitychange事件。 document.hidden为true时为隐藏时触发，false时为显示时触发 document.addEventListener("visibilitychange", function() { console.log(
阅读全文
摘要：时间转换时间戳 date.valueOf(); 时间戳转化为时分秒 function formatDateTime(date) { //之间转换格式 var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? ('0'
阅读全文
摘要：页面的加载与渲染顺序： 1.一个页面的加载顺序是从上到下顺序加载的，并且加载与渲染同时进行。 2.引用外部js文件时，当在加载过程中遇到<script>标签时，浏览器会向服务器发送一个reques并等待该request的返回。 因为浏览器需要1个稳定的DOM树结构，而JS中很有可能有代码直接改变了D
阅读全文
摘要：目录： 1、map() 2、filter(): 2.1、filter函数可以看成是一个过滤函数，返回符合条件的元素的数组 3、filter() 筛选符合条件项 4、filter() 数组去重 5、filter() 去掉空字符串、undefined、null 6、filter() 筛选数组对象 6.1
阅读全文
摘要：背景: 需要一个可填可选的下拉框 <el-select v-model="value" placeholder="请选择" clearable filterable @blur="selectBlur" @clear="selectClear" @change="selectChange" > <e
阅读全文
vue使用prop通信出错:Avoid mutating a prop directly since the value will be overwritten whenever the parent
摘要：报错信息： Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed pro
阅读全文
摘要：方法一：利用mutationObserver监听， 原文链接：(10条消息) js实现监听dom元素的属性变化_D_bel的博客-CSDN博客_js监听dom变化 var flag = true var targetNode = jQuery('.detention-mask')[0];//cont
阅读全文
摘要：对于一些动态生成或者网页初始获取不到的元素，直接绑定事件无效，需要在dom树发生变化时判断所需dom是否生成。 （可能存在bug，后续完善） 核心代码： document.body.addEventListener('DOMSubtreeModified', function () { }) Mut
阅读全文
摘要：var string = " a b | dd gggg"; console.log(string); console.log(string.replace(/ +/g, ' ')) 去掉以开头结尾的, val.replace(/(^,)|(,$)/g,"")
阅读全文
