警情态势问题总汇

一.echarts引入以及使用

1.在main.js中引入，然后定义

2.在vue页面定义一个容器，来放echarts图形，这个容器必须有高和宽。

3.初始化echarts容器

4.引入echarts的js或json文件

5.调用初始化echarts的setOption方法，将js或json文件以参数的形式传入

注意：（1）引入js或json文件打断点发现是undefined，但可以打印出来，并且可以正常使用（2）访问对象的属性可以用.或者[]，[]这种形式一定要加引号。

二.settimeout和setInterval区别以及使用

答：settimeout表示多长时间之后去执行一次表达式，setInterval表示每隔多久去执行一次表达式。 两者可以互相模拟，他们都返回一个整数，这个整数是定时器的编号，代表的就是这个定时器。

三.定时器越来越快

不管是settimeout还是setInterval都有可能出现越来越快的现象，如果我每点击一次就调用一次定时器就会出现这种情况，因为每调用一次就会新建一个定时器，所以速度就会快一倍，解决方法在定时器的前面,先清除一下定时器就可以恢复正常了。

四.控制很多地方的显示隐藏，而且这些地方都是有关联的，比如一个无序列表，就用一个开关列表就可以了

五.为什么有的赋值是有效的有的是无效的

falgList = [true, false, false, false] 
for (let i = 0; i < this.falgList.length; i++) {
  this.falgList[i] = false
}
for (let value of this.falgList) {
   value = false
}
复制代码

第一种用for循环第二种用for of，我们发现第一种数组falgList都为false，第二种还是没变， 我们仔细观察发现这个问题还是引用类型和基本类型的区别，第一种改变了引用类型所以原来的 数组也会发生改变，第二种改变的是基本类型，不会改变原有的数组。

六.d和addclass和setAttribute这几种方法区别以及怎样用js给dom添加样式

答：1.（1）js中的add方法用于向select添加一个option元素,jquery中的add方法是把元素添加到已存在的元素组合中

（2）addclass是jquery的方法不是js方法，包括removeclass和hasclass都是jquery的方法

（3）setAttribute方法添加指定的属性，并为其赋指定的值。如果这个指定的属性已存在，则仅设置/更改值。

2.用js给dom添加样式：（1）setAttribute：div.setAttribute('class', 'abc') （2）className:div.className = 'abc'

八.join() split()用法

join()方法用于把数组中的所有元素放入一个字符串中。元素通过指定的分隔符进行分隔，如果没有分隔符则默认逗号为分隔符。

split()方法把一个字符串分割成字符串数组。从指定的地方分割开来。如果括号中的引号中什么都没有则字符串中所有元素都会分割。

九.animation: fade 1s linear forwards;

意思是执行名称为fade的动画，时间为1s，保持线性的速度，当动画完成后，保持最后的样子。

初始opacity为0所以图形都不显示，在fade动画中定义opacity从0到1，当执行动画时就会有一个动画效果，不会显得很突兀。

转载于:https://juejin.im/post/5b095608f265da0de02f45eb