/**

    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. 基于akka实现简单的主从框架

    ========================Master============================== package com.scala.akka.rpc.demo2 import ...

  2. 错误记录--更改tomcat端口号方法，Several ports (8005, 8080, 8009)

    启动Tomcat服务器报错: Several ports (8005, 8080, 8009) required by Tomcat v5.5 Server at localhost are alre ...

  3. Cut the sticks

    def main(): n = int(raw_input()) arr = map(int, raw_input().strip().split()) for i in range(n): cutN ...

  4. 简单说pyglet.event

    emitter,就是pyglet.event.EventDispatcher的子类, 负责发出事件的消息,并且规定了响应消息的函数名. class Consumer(pyglet.event.Even ...

  5. sql server高效分页控件及c#调用实例

    第一.首先在sqlserver中创建一个存储过程 USE [BZY] GO /****** 对象: StoredProcedure [dbo].[up_ProcCustomPage2005_New] ...

  6. Android 开发中关于layoutinflater

    Inflater英文意思是膨胀,在Android中应该是扩展的意思吧. LayoutInflater的作用类似于 findViewById(),不同点是LayoutInflater是用来找layout ...

  7. Could not open a connection to your authentication agent

    执行ssh-add ~/.ssh/rsa  就会遇到上述错误了 解决方案: 先执行  eval `ssh-agent`  (是-键上的那个`) 再执行 ssh-add ~/.ssh/rsa成功 ssh ...

  8. fragment中嵌套viewpager，vierpager中有多个fragment，不显示 .

    fragment中嵌套viewpager,vierpager中有多个fragment,不显示 ... 现在好多应用流行一种布局.底部几个工具栏选项,上面也有类似tab的选项. 底部用RadioGrou ...

  9. ASP.NET MVC3 系列教程 – 新的Layout布局系统

    原文地址:http://www.cnblogs.com/highend/archive/2011/04/18/asp_net_mvc3_layout.html I:回忆MVC2当中MasterPage ...

  10. MySQL数据备份之mysqldump

      mysqldump常用于MySQL数据库逻辑备份 1.各种用法说明 A. 最简单的用法: mysqldump -uroot -pPassword [database name] > [dum ...