• 技术文章 >web前端 >js教程

    JavaScript实现动态创建CSS样式规则方案_javascript技巧

    2016-05-16 16:36:56原创794
    现在Web应用中有大量的JavaScript代码,而我们也一直在追寻各种使他们更快的解决方案。

    1.我们通过 事件代理(event delegation) 让事件监听更高效,
    2.我们利用 函数降频技术(function debouncing) 来限制一段时间内给定方法被调用的次数,请参考:如何防止事件函数的高频触发(中文翻译)
    3.我们使用 JavaScript加载器 来加载我们确实需要的那部分资源,等等。

    还有一种方式,可以让我们的页面更加的快速和高效.那就是直接通过JS动态地添加和删除样式表中的某些样式,用来取代不断地查询DOM元素,并应用各种样式。下面是它的工作原理。

    获取样式表

    你可以选择任意的样式表来添加样式规则。如果你有确定的样式表,则可以在HTML页面中给

    "); }; //check document ready function docReady(t) { "complete" === document.readyState || "interactive" === document.readyState ? setTimeout(t, 1) : document.addEventListener("DOMContentLoaded", t); } //check if wwads' fire function was blocked after document is ready with 3s timeout (waiting the ad loading) docReady(function () { setTimeout(function () { if( window._AdBlockInit === undefined ){ ABDetected(); } }, 3000); });