使用CSS3/JS/jQuery的最佳做法是什麼？

Question

我對網絡開發相對比較陌生，所以這些問題更多的是針對我職業生涯中的良好實踐，同時也是我正在從事的網站的性能。

我的問題是 - 這會嚴重傷害我的表現嗎？太多了嗎？如果我不需要，我應該儘量避免在我的網站中使用JS？我知道很多人反對JS，說它是一個安全問題，爲什麼？

我用下面的：

• CSS3

  • 四象，每一個動畫進入屏幕，然後又無限動畫製作項目上下移動，像他們」重新浮動。
  • 兩個div即映入眼簾的左/右

• JS/jQuery的/ PHP

  • Mailchimp，從CDN出現一次加載。
  • 谷歌圖表API，從CDN加載一個餅圖。
  • Twitter API，顯示五條推文並刷新選項。
  • Scrollspy for active nav items，loaded from CDN。

我還要補充一點，我使用Bootsrap，並添加HTML〜75個額外的行與類「可見-XS」以及應用「隱藏XS」的幾個項目。

Answer 1

1. 嘗試通過刪除根本不使用的規則來減小js和css的大小。
2. 如果寫得不好，任何語言都可能成爲安全問題。
3. 谷歌，Facebook，微軟都使用JavaScript
4. 庫/框架是爲大型的用戶組由通用
5. 看到谷歌的源代碼和其他我上面提到他們不使用jquery或Twitter的引導
6. 正常的網站可以使用它們，因爲它很容易，如果我們使用它們
7. 回到第一點。如果你不需要像引導或jQuery的框架的東西 刪除它們一個接一個，但要小心
   「你不想削減你的手指，而修剪指甲」如果你不需要動畫不要
8. 不要使用它們，動畫會讓人分心。如果你不需要任何功能，請不要使用它。如果用戶需要使用某些功能，UX會更好。
9. 讀http://www.smashingmagazine.com/（較老的文章），http://www.tutorialzine.com，http://net.tutsplus.com/，http://tympanus.net/codrops/和其他網絡雜誌

Answer 2

JS應避免儘可能。如果沒有使用JS，有些地方的工作是不可能的。

某些情況下，JS不應參與：

1）發佈通過AJAX的內容。

您是否知道jQuery AJAX方法？如果您嘗試通過此方式發佈內容，則某些黑客可以簡單地從頁面源讀取腳本並在瀏覽器控制檯中運行類似的惡意腳本。 （我希望你知道腳本可以在瀏覽器控制檯中運行，ctrl+shift+I應該打開google-chrome的控制檯窗口，輸入alert（'你很驚訝'）;在控制檯窗口中並按回車鍵）

2）有時站點的整個着色和主題都是使用jQuery小部件和JavaScript嚮導完成的。如果你禁用JavaScript，你的網站看起來就像是一個醜陋的垃圾（如果你知道JavaScript可以在瀏覽器上禁用，從Chrome或Mozilla商店下載Web開發工具，你就可以輕鬆地使用它）

3）當用戶在其頁面中禁用JavaScript時，Javascript驗證失敗。你可能不相信它，但安全的網站使JavaScript的使用最少。介紹HTML5時請記住所有這些限制。

希望這可以幫助你。