最快的方法來繪製網格

我需要繪製一個（可能很大）的正方形網格。我不知道什麼樣的佈局是最快渲染的。最快的方法來繪製網格

這裏是一個[小提琴]（http://jsfiddle.net/XeN5k/）的例子。但不是2x2，我需要一個40x40的網格。 –

我會爲簡單的'inline-block' DIV投票。但是如果你關心性能，你將不得不在幾個瀏覽器中測試幾種可能性。（表格必須非常快，但對於非表格用法幾乎不可能控制。） –

@ÁlvaroG.Vicario，表格爲什麼會很快？我的印象是他們使用更復雜的佈局算法。另外，我如何準確地標記此標記？有「開始繪畫」，「完成繪畫」活動嗎？ –

不確定渲染時間會有很大差異 - 它們都使用相似數量的代碼。

絕對定位可能會創造最多的CSS，所以我個人會避免這一點。

它是用於顯示錶格數據還是僅用於裝飾？如果前者使用表格。
如果是後者，您可以用平鋪圖形作爲單個單元格的背景來實現它嗎？

另外：創建它們的JavaScript循環可能會使您的代碼比手動編寫每個方塊更加整潔。

2014-06-21 15:59:43

這將是由JS生成的裝飾。代碼量是呈現時間的重要因素？我看過瀏覽器只有幾百個項目 - 這應該不需要任何時間閱讀。 –

如果只是裝飾，平鋪背景圖像可能是最好的選擇 - 只保留樣式表和HTML內容中的裝飾。關於渲染：在現代瀏覽器中，我只是發現它被視頻和糟糕的JavaScript（通常是ajax）等重量放緩。在這種情況下，我個人並不認爲這是你應該擔心的事情，因爲代碼很簡單。 –

回答