style-lint 自动修复0异常分析

666 阅读1分钟

style lint 异常

异常现象:

未修复样式:

background: rgba(0, 0, 0, 0.0); 
background: rgba(0, 0, 0, 0.00); 

修复后样式:

background: rgba(0, 0, 0, ); 
background: rgba(0, 0, 0, ); 

background: rgba(0, 0, 0, ); 这种样式是不被所有浏览器或者小程序所支持的,所以说这种是错误的修复

异常原因:

目前和这个修复有关的 style lint 规则有两个

  • number-leading-zero (规则作用 去掉.前面的0 )如 0.22 会 变为 .22 (浏览器正常支持)

  • number-no-trailing-zeros (规则作用 去掉数字结尾无用的0 )如 0.2200 会 变为 0.22 (浏览器正常支持)

但是这两个规则如果都被开启的话,在有些情况就会造成错误修复,

当两个规则共同生效时:

正常数字

如 0.2200 修复为 .22

异常数字

如 0.0/ 0.00 修复为空,就会造成 background: rgba(0, 0, 0, 0.0); 变为 background: rgba(0, 0, 0, ); 少了一位数字,浏览器不支持,而造成错误。

修复方案:

number-leading-zero 规则改为关闭,即可解决。