/**

    Let inheritance help with memory efficiency

*/

function SignalFire(ID, startingLogs){

    this.fireID = ID;

    this.logsLeft = startingLogs;

}

SignalFire.prototype = {

    addLogs: function(numLogs){

        this.logsLeft += numLogs;

    }

    lightFire: function(){

        alert("Whooosh!");

    }

    smokeSignal: function(message){

        if(this.logsLeft < this.message.length / 10){

            alert("Not enough");

        }else{

            this.lightFire();

            var x = this.message.length;

            for(var i = 0; i < x; i++){

                alert("((("+this.message[i]+")))");

                if(i % 10 == 0 && i != 0){

                    this.logsLeft--;

                }

            }

        }

    }

}

var fireOne = new SignalFire(1, 20);

var fireTwo = new SignalFire(2, 18);

var fireThree = new SignalFire(3, 14);

fireOne.addLogs(8);

fireTwo.addLogs(10);

fireThree.addLogs(14);

fireThree.smokeSignal("Goblins!");

//The addLogs method is found in one useful place, instead of being

//replicated across all signalFires.

/**

    Adding individual dom elements ain't always speedy

*/

//

//**BAD**

//

var list = document.getElementById("kotwList");

var kotw = ["Jenna Rangespike",

            "Neric Farthing",

            "Darkin Stonefield"];

for(var i = 0, x = kotw.length; i < x; i++){

    var element = document.creatElement('li');

    element.appendChild(document.createTextNode(kotw[i]));

    list.appendChild(element);

}

//appendChild(); function each time this list is appened, we access the DOM

//and cause an entire document reflow. Not as speedy as we'd like, especially

//if we list was huge...

/*

    Improve: Use a document fragment to insert additions all at once

*/

var list = document.getElementById("kotwList");

var kotw = ["Jenna Rangespike",

            "Neric Farthing",

            "Darkin Stonefield"];

var fragment = document.createDocumentFragment();

for(var i = 0, x = kotw.length; i < x; i++){

    var element = document.creatElement('li');

    element.appendChild(document.createTextNode(kotw[i]));

    fragment.appendChild(element);

}

list.appendChild(fragment);

/*

    Improve: declare variables as few times as possible

*/

//

//**GOOD**

//

var list         = document.getElementById("kotwList"),

    kotw         = ["Jenna Rangespike",

                    "Neric Farthing",

                    "Darkin Stonefield"],

    fragment     = document.createDocumentFragment(),

    element;

for(var i = 0, x = kotw.length; i < x; i++){

    element = document.creatElement('li');

    element.appendChild(document.createTextNode(kotw[i]));

    fragment.appendChild(element);

}

list.appendChild(fragment);

/**

    Efficient choices for string concatenation

*/

//

//**OK**

//

var knight = "Jenna Rangespike",

    action = " strikes the dragon with a ",

    weapon = "Halberd",

    turn = "";

turn += knight;

turn += action;

turn += weapon;

//It is ok because the code is short and clear

//

//**NOT GOOD ENOGUTH

//

var newPageBuild = ["<!DOCTYPE html>", "<html>", "<body>", "<h1>",

                    *** a hundred or more other html elements***,

                    "</script>", "</body>", "</html>"],

     page = "";

for(var i = 0, x = newPageBuild.length; i < x; i++){

    page += newPageBuild[i];

}

//

//**GOOD**

//

page = newPageBuild.join("\n");

//Using join is much faster than using '+=' and looks simple and clear!!

[Javascript]3. Improve you speed! Performance Tips的更多相关文章

  1. [Javascript]1. Improve you speed! Loop optimaztion

    /** Improve you loop code */ var treasureChest = { goldCoins: 10000, magicalItem : "Crown of Sp ...

  2. [Javascript]2. Improve you speed! Script Execution

    Let's take a closer look at how a browser retrieves and acts on scripts.modern browser can parallel ...

  3. Android 性能优化（19）＊代码优化11条技巧：Performance Tips

    Performance Tips 1.In this document Avoid Creating Unnecessary Objects 避免多余的对象 Prefer Static Over Vi ...

  4. 转载：Why using Single Root I/O Virtualization (SR-IOV) can help improve I/O performance and Reduce Costs

    Introduction While server virtualization is being widely deployed in an effort to reduce costs and o ...

  5. SQL Server performance tips

    Refer to: http://harriyott.com/2006/01/sql-server-performance-tips A colleague of mine has been look ...

  6. How To Improve Deep Learning Performance

    如何提高深度学习性能 20 Tips, Tricks and Techniques That You Can Use ToFight Overfitting and Get Better Genera ...

  7. 翻译--Blazing fast node.js: 10 performance tips from LinkedIn Mobile

    1.避免使用同步代码: // Good: write files asynchronously fs.writeFile('message.txt', 'Hello Node', function ( ...

  8. Performance tips

    HTML5 Techniques for Optimizing Mobile Performance Scrolling Performance layout-performance

  9. Json.NET Performance Tips

    原文: http://www.newtonsoft.com/json/help/html/Performance.htm To keep an application consistently fas ...

随机推荐

  1. QlikView实现部分载入数据的功能(Partial Load)

    问题背景: 一直非常想不通,公司花了N多钱请了一帮QlikView的Consultant做出来的solution居然没有涉及Reload的部分,以至于每次刷新数据都须要刷新整个Data Model,之 ...

  2. vue 使用总结

    1.Vuejs组件 vuejs构建组件使用 Vue.component('componentName',{ /*component*/ }): 这里注意一点,组件要先注册再使用,也就是说: Vue.c ...

  3. Hacker（18）----了解Windows系统漏洞

    一.WinXP中的漏洞 在WinXP中,常见的漏洞主要有UPNP服务漏洞.帮助与支持中心漏洞.压缩文件夹漏洞.服务拒绝漏洞.RDP漏洞以及热键漏洞. 1.UPNP服务漏洞 漏洞描述:UPNP(Univ ...

  4. visifire 图表双坐标轴 silverlight

    public void CreateChart(Grid oGrid, ObservableCollection<ListItem> lBaseOilBar)        {       ...

  5. jQuery input -> file change事件bug

    由jQuery绑定类型为file的input控件的change事件,发现只能被触发一次,修改方法 --> 原始代码: $input.change(function() { // somethin ...

  6. STL vector 用法介绍

    介绍 这篇文章的目的是为了介绍std::vector,如何恰当地使用它们的成员函数等操作.本文中还讨论了条件函数和函数指针在迭代算法中使用,如在remove_if()和for_each()中的使用.通 ...

  7. 线段树练习 codevs 1080

    /* codevs 1080 线段树练习 时间限制: 1 s 空间限制: 128000 KB 题目等级 : 钻石 Diamond 题解 查看运行结果 题目描述 Description 一行N个方格,开 ...

  8. 如何在WebSocket类中访问Session

    我最近正在做一个基于websocket的webQQ,最后代码会开源带github上,所以过程中我就不贴所有的代码啦~就贴问题的关键. 我在WebSocket里发消息的时候需要用到session,因为在 ...

  9. 使用ToolRunner运行Hadoop程序基本原理分析

    为了简化命令行方式运行作业,Hadoop自带了一些辅助类.GenericOptionsParser是一个类,用来解释常用的Hadoop命令行选项,并根据需要,为Configuration对象设置相应的 ...

  10. python爬虫下载youtube单个视频

    __author__ = 'Sentinel'import requestsimport reimport jsonimport sysimport shutilimport urlparse &qu ...