jquery – 留出CSS块的最后一个分号

前端之家收集整理的这篇文章主要介绍了jquery – 留出CSS块的最后一个分号前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
关于这一点的几个问题:

>这是好的做法吗?
>它会,在大规模,导致更好的加载时间吗?
>它会导致浏览器打破?
>对于Javascript(/ jQuery)中的最后一个函数是否一样?

我的意思是这样的东西:

#myElement {
  position: absolute;
  top: 0;
  left: 0
}

解决方法

Is it good practice?

手动排除分号是不好的做法。这只是因为在添加更多样式时很容易忽视,尤其是在团队中工作时:

假设您从开始:

.foo {
    background-color: #F00;
    color: #000             <-- missing semi-colon
}

然后有人添加了一些样式:

.foo {
    background-color: #F00;
    color: #000             <-- missing semi-colon
    width: 30px;
    z-index: 100;
}

突然,其他开发人员浪费时间找出为什么他们的宽度声明不工作(或更糟的是,没有注意到它不工作)。离开分号更安全

Will it,on a large scale,result in better load times?

最明确的是,对于每个块,你会保存几个字节。这些加起来,特别是对于大样式表。而不是担心这些性能增益自己,最好使用CSS压缩器,如YUI Compressor自动删除结束分号为你。

Can it result in browsers ‘breaking’?

不,它是安全的,因为浏览器正确实现这部分规范。 The CSS2 specification定义了一个声明:

A declaration is either empty or consists of a property name,followed by a colon (:),followed by a property value.

更重要的是:

…multiple declarations for the same selector may be organized into semicolon (;) separated groups.

这意味着 ;用于分隔多个声明,但不需要终止它们。

Is the same true for the last function in Javascript?

JavaScript是一个完全不同的规格完全不同的野兽。这个特殊的问题已经深入回答many times before on Stack Overflow

猜你在找的jQuery相关文章