2013-08-03 37 views
2

我是網頁設計的初學者。我使用css,javascript,jquery進行web開發。performane問題-css vs javascript vs jquery

有些時候所有這三種效果都可以達到。像一個簡單的mousehover效果可以用CSS :hover,JavaScript的onmousehover()和jQuery的$(#id).hover()

jQuery的淡入來實現,淡出效果也可以使用CSS轉換模擬。

我的問題是:如果使用所有三個效果都可以實現。我需要優先選擇樣式表語言還是javascript或jquery。使用它可以提高性能並加快網頁的載入速度。

+0

就我個人而言,我認爲這取決於你在使用它 - 通常我寧願使用CSS,而不是JavaScript/jQuery。有時候,做這個或那個是過早的優化,其他時候它會使事情更具可讀性,有時你必須考慮性能。這是相當有爭議的,雖然... –

+0

據我所知,CSS將是最快的。 使用本地api的Javascript(如文檔。getElementById(ID)和getElementsByName等)將比jQuery功能更快。 – Clxy

+0

它的nt一個合適的問題,jquery/javascript腳本語言和css僅用於樣式,在jquery javascript我們調用ajax requst,函數n所有n是我們可以設置CSS爲特定元素aftr一些響應,我們在css做css 。所以這很難回答你的問題。另外,如果你想設置效果aftr任何響應您使用jquery或js –

回答

0

首先給你一個你可以做得更快的方式(電腦花費很少,程序員花費很多)。還要注意你是如何做到的 - 如果你必須在jQuery中編寫大量的css代碼而不是幾行代碼 - 確實使用jQuery。

css速度> javascript速度> jquery速度。正如我看到的一些基準測試,本地js比jQuery快10-100倍(取決於瀏覽器/選擇器等)。

根據情況 - 如果你真的需要優化的界面 - 太早>先找bottlneck,dont't優化,它是邪惡的

0

jQuery有跨多個瀏覽器工作的優勢,但受到一些放緩至做這個。自定義的JavaScript解決方案可能在所有瀏覽器上都可能不起作用,但如果你真的擅長編寫快速的JavaScript,它可能比jQuery更快。使用css實現效果的優點是可以在符合css標準的所有瀏覽器上工作,並且瀏覽器應該高度優化,以便非常快速地呈現css。

我認爲這更多要支持,個人喜好和編碼風格比它是速度的問題,但在這裏什麼瀏覽器的一個問題是一些信息和基準:

Which is faster? - modifying css property or adding class in jquery

http://jsperf.com/jquery-css-vs-native-dom/16

http://jsperf.com/jquery-css-vs-css/4

http://jsperf.com/jquery-css-vs-getcomputedstyle/2

編輯:同意塞爾吉奧,早期優化是萬惡之源。先編寫代碼,尋找瓶頸並最後處理它們。

0

取決於您想實現的目標或場景。 我個人喜歡css,但有時候爲了實現跨瀏覽器兼容性或者我使用jquery的一些花哨效果。 Jquery可以定製很多,也有很多選項可用,但它會影響頁面加載時間。我更喜歡jQuery或JavaScript。 使用CSS3,現在只能用jQuery完成很多效果,但它只支持現代瀏覽器。