echarts折线图不堆叠设置

直接复制echarts折线图官方实例使用的话会发现数据会堆叠在一起,看了下官方文档发现只要讲stack的值设置不相同,就不会堆叠了 官方文档传送

NPM切换至淘宝源

全局配置切换到淘宝源

1
npm config set registry https://registry.npm.taobao.org

全局配置切换到官方源

1
npm config set registry http://www.npmjs.org

检测是否切换到淘宝源

1
npm config get registry

一些正则表达式

大于等于0小于等于100的正数用正则表达式表示

  • 可以有小数

    1
    ^100$|^(\d|[1-9]\d)(\.\d+)*$
  • 不可以有小数

    1
    ^100$|^(\d|[1-9]\d)$

MAC地址

1
/^[0-9a-fA-F]{2}(:[0-9a-fA-F]{2}){5}$/

ip地址

1
/^((25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))\.){3}(25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))$/

掩码

1
/^(254|252|248|240|224|192|128|0)\.0\.0\.0$|^(255\.(254|252|248|240|224|192|128|0)\.0\.0)$|^(255\.255\.(254|252|248|240|224|192|128|0)\.0)$|^(255\.255\.255\.(254|252|248|240|224|192|128|0))$/

dns

1
/^((25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))\.){3}(25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))$/

图片加载失败样式美化

图片加载失败的样式是比较丑的

1
<img src="http://img.png" alt="加载失败">

UTOOLS1576737543889.png

可以通过添加css美化样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
img{
display: inline-block;
width: 100px;
height: 56px;
cursor: pointer;
position: relative;
}
img:after{
position:absolute;
width:100px;
height: 56px;
content:"" attr(alt);
display: flex;
justify-content: center;
align-items: center;
top:0;
left:0;
background: #eee;
background-size:100%;
}

UTOOLS1576737682180.png