極客Web前端開發資源大薈萃#002

每周極客都將總結本周最精彩的素材提供給大家，希望可以帶給你更多地靈感和幫助！極客#GB課程庫#現已上線，無論你是初級、中級、還是正在進修的高級前端工程師。這里都將幫助你得到更多更高效的學習。

• #GB課程庫#

• 極客Web前端開發資源大薈萃#001

如何寫出高性能的Jquery代碼

討論jQuery和javascript性能的文章并不罕見。然而，本文我計劃總結一些速度方面的技巧和我本人的一些建議，來提升你的jQuery和javascript代碼。好的代碼會帶來速度的提升。快速渲染和響應意味著更好的用戶體驗。

首先，在腦子里牢牢記住jQuery就是javascript。這意味著我們應該采取相同的編碼慣例,風格指南和最佳實踐。其次，如果你是一個javascript新手，我建議您閱讀 《javascript初學者的最佳實踐》 ,這是一篇高質量的javascript教程，接觸jQuery之前最好先閱讀。

當你準備使用jQuery，我強烈建議你遵循下面這些指南!

極客互動課程：HTML5畫布實現的粒子運動效果

本節我們將介紹使用基礎的HTML5畫布API來生成各種粒子運動效果，如果大家對于基礎的HTML5畫布API不熟悉，請學習課程庫中的HTML5畫布基礎入門課程。

jQuery Smoove插件的在線演示效果 - ABE Media

當你滾動頁面的時候，內容會自動的互動加載到你的頁面中。

A List Apart 設計模式庫

知名設計博客A List Apart推出的web設計模式庫，包含了web設計中常用的組件和設計方式。

免費電子·書：移動UI設計模式

包含了46個精挑細選的UI設計模式的詳細講解，深入講解當今最流行的Apps，相信大家閱讀后一定會受益匪淺，免費的，下載吧！

超酷的選擇框jQuery插件 - Select or Die

Select or Die - 另外一款幫助你美化和強化選擇框的jQuery插件，功能非常多，支持自定義。

靜態HTML代碼分析工具 - HTMLHint

HTMLHint由Yanis Wang開發，可以幫助你分析HTML代碼的錯誤或者相關問題，可以方便的在IDE或者編譯系統中使用。

Microjs: 超棒的迷你框架和迷你類庫搜羅工具

你可以按條件方便的搜索需要的類庫或者框架，以下為條件：

• 基礎框架

• 模板引擎

• DOM操作

• CSS動畫

• Javascript動畫

• 數據操作

• 更多

數據可視化效果： Sigma實現的翻轉效果互動圖形

來自社交收藏數據生成的數據可視化效果。

互動效果數據可視化演示 - Wimbledon 2013 | Match Tree

D3開發的SVG數據可視化效果。