的Javascript文體 - 專業的代碼

Question

我繼續讀包含的東西像JS的書：

function onSuccess(entries) { 
    document.getElementById("loading").innerHTML=""; 
    var ul = document.getElementById("file-listing"); 
    for(var index=0;index<entries.length;index++) { 
     var li = document.createElement('li'); 
     li.innerHTML = entries[index].name; 
     ul.appendChild(li); 
    } 
} 

不過，我在多個網站上讀到它的速度更快和更清潔的HTML創建整個列表=「」，添加ul和li元素，然後添加塊，並將其全部添加到一個調用中...所以我想知道是否應遵循我在許多js書籍中找到的樣式或我在性能博客上閱讀的樣式？如果我使用以前的代碼塊，我最擔心的是閱讀代碼的人會發現它是業餘的。我也有遇到一些人是像，哇你用的是jQuery的...而不是使用DOM調用一樣document.getElementById()，等...

Answer 1

不過，我在多個網站上，它的速度更快和更清潔的閱讀在HTML =「」創建整個列表...

如果你的意思，然後someElement.innerHTML = "HTML tags here";是的，它在大多數情況下更快，因爲從根本上解析和渲染HTML是什麼瀏覽器做等他們」對它的速度非常快，而如果你使用DOM調用構建東西，那麼每次都會有很多遍歷各個層次的內容（JavaScript，DOM，瀏覽器內部）。

但是：在大多數情況下，這也沒有關係。如果你渲染一個有許多列的2000行表格，這可能很重要;但是如果你不這樣做，那大多無關緊要。您可以優化，看看是否出現問題。

所以我想知道我是否應該遵循我在許多js書籍中找到的風格，或者我在表現博客上閱讀的風格？

你應該做任何看起來最乾淨，最清晰，最簡單的事情。

我最擔心的是，如果我使用以前的代碼塊，閱讀我的代碼的人會發現它是業餘的。

這就是他們的問題。 :-)

我也有遇到一些人是像，哇你用的是jQuery的...而不是使用DOM調用類似的document.getElementById（），等...

在所有或幾乎所有的DOM操作中使用jQuery沒有任何問題;它真的很擅長，併爲您節省了大量的時間和麻煩。你應該熟悉與DOM的熟悉，所以你可以在適當的時候使用它（jQuery不會做所有事情;特別是它不擅長處理文本節點），但這並不意味着你不應該在使用jQuery時並在適當的地方。

爲了達到這個目的，一些閱讀：

• DOM2 Core
• DOM2 HTML
• DOM3 Core
• HTML5 Web Application APIs

...但同樣，這並不意味着你應該使用只是因爲有人看不起使用jQuery。適當使用工具。重要的是要了解你正在使用的工具（包括jQuery，還有DOM本身），所以你可以理解何時何地應用它們。