/**

    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. [Node.js] Using ES6 and beyond with Node.js

    If you're used to using all the latest ES6+ hotness on the front end via Babel, working in Node.js c ...

  2. Oracle SQL ANY和ALL语句

    Oracle的嵌套子查询可以使用Some,Any和All对子查询中返回的多行结果进行处理. Some表示满足其中一个的含义,是用or串起来的比较从句. 例如:SELECT * FROM emp WHE ...

  3. C# 中文转拼音类

    using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace SU { ...

  4. ASP.NET网页抓取数据

    我的数据通过一个TextBox输入,这些代码是写在一个button的点击事件里的. 网页数据抓取大概分为两步,第一步是获取网页源代码: 具体注释如下: var currentUrl = TextBox ...

  5. 再关于IE11

    微软在上周刚刚发布了用于Windows 8.1上的首个Internet Explorer 11的预览版.我们已经确认Internet Explorer 11中的一些新特性,包括对WebGL的支持.预抓 ...

  6. FineUI上传控件

    文件上传 现在就简单多了,并且也漂亮多了,参考这个示例. 1: <ext:SimpleForm ID="SimpleForm1" BodyPadding="5px& ...

  7. ADO.Net总结

    ADO.NET简介 一.    ADO.NET的组成(ADO.NET是什么?能干什么)客户体验      ADO.NET就是一组类库可以让我们通过程序的方式访问数据库 ADO.NET主要包括5个对象, ...

  8. hdu5353 Average(模拟)

    转载请注明出处: http://www.cnblogs.com/fraud/          ——by fraud Average Time Limit: 4000/2000 MS (Java/Ot ...

  9. js中的function

    Math方法详解 Math.sqrt(x)    计算X开平方 Math.sqrt(x,y)   计算xy Math.round(x)   计算x 四舍五入的值 getBoundingClientRe ...

  10. javascript操作DOM的方法与属性

    文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构. 将HTML代码分解为DOM节点层次图: ...