小编Wil*_*lem的帖子

CSS样式表中的规则顺序是否会影响渲染速度?

虽然这可能会导致一个简单的是或否答案,但无论如何我都会去


请考虑以下示例:

HTML

<html>
    <head>
    </head>
    <body>
        <div class="foo">
            <span class="bar">Hello world!</span>
            <p>Some really interesting text.</p>
        </div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

CSS

html {
    /* some css */
}
body {
    /* some css */
}
div.foo {
    /* some css */
}
div.foo span.bar {
    /* some css */
}
div.foo p {
    /* some css */
}
Run Code Online (Sandbox Code Playgroud)

css规则出现的顺序是否会影响浏览器如何(快速)呈现页面?(在这个例子中它并不重要,但考虑一个带有html和css负载的真实网站)

因此,上述css脚本将比以下内容更快或更轻松地呈现:

div.foo p {
    /* some css */
}
div.foo span.bar {
    /* some css */
}
div.foo {
    /* some css …
Run Code Online (Sandbox Code Playgroud)

html css optimization rendering minify

13
推荐指数
2
解决办法
2231
查看次数

javaScript保留关键字

我想知道如何管理JavaScript的保留关键字/功能.

例:

根据:

http://www.quackit.com/javascript/javascript_reserved_words.cfm

delete 是JavaScript提供的保留关键字.

然后针对某些上下文考虑以下代码段:

var cookieManager = {
    get: function (name) { 
        // function contents ...
        console.log("cookieManager.get() called");
        return true;
    },
    set: function (name, value, days) {
        // function contents ...
        console.log("cookieManager.set() called");
        return true;
    },
    delete: function (name) { 
        // function contents ...
        console.log("cookieManager.delete() called");
        return true;
    }
};
Run Code Online (Sandbox Code Playgroud)

这个对象有一个delete属性,但它的名称是由JavaScript保留的,所以它应该失败,对吗?

然而,当我执行cookieManager.delete();webconsole,FireFox我得到以下输出,表明它工作正常:

[11:26:00.654] cookieManager.delete();
[11:26:00.656] cookieManager.delete() called
[11:26:00.657] true
Run Code Online (Sandbox Code Playgroud)

但是,如果你在JsLint其中运行代码说

Problem at line 12 character 5: Expected …
Run Code Online (Sandbox Code Playgroud)

javascript jslint reserved-words reserved

7
推荐指数
1
解决办法
1492
查看次数