2018-07-09发表2024-10-15更新前端几秒读完 (大约53个字)

NPM切换至淘宝源

全局配置切换到淘宝源

1	npm config set registry https://registry.npmmirror.com

全局配置切换到官方源

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

检测是否切换到淘宝源

1	npm config get registry

2018-07-06发表2024-10-15更新前端几秒读完 (大约68个字)

一些正则表达式

大于等于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)))$/

2018-06-19发表2024-10-15更新前端几秒读完 (大约83个字)

图片加载失败样式美化

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

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

可以通过添加css美化样式

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%;
}