零度經常使用前端開發框架整理

 

開源框架 admin 2年前 (2015-04-13) 2462瀏覽

最近學了一些有用的前端開發框架，但願能利用一些空閒時間，針對使用頻率較高的CSS和JavaScript框架做一次全面的整理，也算得上前端開發框架備忘錄吧，這裏只提名稱，使用方法不在此闡述，可自行網絡查找，本清單將不斷更新並維護，但願對前端開發的朋友有所幫助。

Bootstrap：Twitter團隊出品，簡潔、直觀、強悍的前端開發框架，讓web開發更迅速、簡單。3.1支持IE8+、Chrome、Firefox、Safari、Opera等瀏覽器。框架的語法和規範完善優秀，文檔詳細。支持使用LESS語法進行個性化定製。

LESS：是一種動態樣式語言，LESS 將 CSS 賦予了動態語言的特性，如 變量， 繼承， 運算， 函數. LESS 既能夠在 客戶端 上運行 (支持IE 6+, Webkit, Firefox)，也能夠藉助Node.js或者Rhino在服務端運行。

Font Awesome：號稱是完美的圖標字體，專爲Bootstrap而設計的。一個字體文件中包含了多達幾百個圖標，支持IE7+，矢量圖可無限縮放，完美支持Retina等超高像素密度的顯示器，兼容屏幕閱讀器。

html5shiv：愈來愈多的網站開始使用HTML 5，可是目前的狀況是不少人同樣在用IE六、IE七、IE8等不支持HTML5的舊版IE瀏覽器，Html5shiv是解決此問題的不錯手段，它僅僅是個js文件，在須要的時候(低於IE9時)引用一下便可。

jQuery：目前全球Web開發領域最流行的前端js框架，因爲本網站官方要求支持IE8，因此本項目不能使用2.x的版本。

jQuery.Cookie：jQuery的Cookie操做插件，用於在網站前端讀、寫、刪cookies。

jQuery.Hotkeys：jQuery的前端熱鍵插件，用於給web頁面提供快捷熱鍵功能。

jQuery.Validation：jQuery的前端驗證插件

linq.js：用於在Web前端的js代碼中使用相似C#的Linq語法對數據進行查詢統計等處理。

Modernizr：專爲HTML5和CSS3開發的功能檢測類庫。Modernizr是一個開源的JS庫，它使得那些基於訪客瀏覽器的不一樣（指對新標準支持性的差別）而開發不一樣級別體驗的設計師的工做變得更爲簡單。它使得設計師能夠在支持HTML5和CSS3的瀏覽器中充分利用HTML5和CSS3的特性進行開發，同時又不會犧牲其餘不支持這些新技術的瀏覽器的控制。

RequireJS：國際上很是流行的前端js模塊加載器，倡導的是一種模塊化開發理念，核心價值是讓 JavaScript 的模塊化開發變得更簡單天然。其與國內淘寶團隊出品的SeaJS差別在於遵循的標籤不一樣，RequireJS 遵循的是 AMD（異步模塊定義）規範，SeaJS 遵循的是 CMD （通用模塊定義）規範。因爲本站會用到較多jQuery庫和jQuery插件，因此遵循AMD規範的RequireJS更適合。

AngularJS：Google公司出品的Web前端VMW(View-Model-WhatEver)框架，AngularJS是一款開源 JavaScript函式庫，並由Google維護。它的目標是加強基於瀏覽器的應用，並帶有MVC模式 (MVC) 功能。具有很是優秀的性能和雙向綁定特性。

Momentjs：一個輕量級JavaScript日期庫用於解析、操做和格式化日期。它設計成可運行在瀏覽器和NodeJS兩種環境中,而且全部單元測試也均可以在兩種環境中運行。

QUnit：一個強大的JavaScript單元測試框架，用於調試代碼。該框架是由jQuery團隊的成員所開發，而且是jQuery的官方測試套件。任意正規JavaScript代碼QUnit都能測試。

jQuery.Mockjax：專用於在web前端開發時，對ajax請求進行模擬(Mock)，達到不依賴於服務器端，就能正常開發前端Ajax的jQuery插件。並能夠跟QUnit很好的結合使用進行前端單元測試。

jQuery.MockJSON：一個可用於Mock JSON和JSONP請求及響應的jQuery插件，可在不依賴服務器端WebApi（或WCF、WebService）的狀況下測試開發Web前端的應用。而且帶有很強的可擴展性。

Underscore：一個JavaScript實用庫，提供了一整套函數式編程的實用功能，可是沒有擴展任何JavaScript內置對象。.它彌補了部分jQuery沒有實現的功能,同時又是Backbone.js必不可少的部分

spin.js：純JavaScript寫的Ajax Loading指示器，不用任何圖片，且兼容幾乎全部時下的瀏覽器。

NProgress.js：最近很火的一個進度條js庫，完美支持Turbolinks、Pjax、重型Ajax應用。

store.js：一個實現了瀏覽器的本地存儲的 JavaScript 封裝 API，不是經過 Cookie 和 Flash 技術實現，而是使用 localStorage、globalStorage 和 userData。

caniuse.com：該網站宗旨是幫助人們瞭解各個瀏覽器以及它們的不一樣版本對HTML五、CSS3等高級特性的支持狀況，力求表述清晰，查找方便，所有信息都用列表形式展示，以不一樣顏色表示支持狀況。

Respond.js ：一個快速輕量的polyfill，可以讓IE6-IE8支持CSS3的的媒體查詢特性，從而構建響應式設計。

Masonry、Isotope 和 Salvattore：實現瀑布流pinterest響應式佈局的第三方插件。

jquery-jvectormap：一個很不錯的適量地圖插件，支持中國地圖和世界地圖。

FastClick：一個簡單易於使用的JS庫，用於消除在移動瀏覽器上觸發click事件與一個物理Tap(敲擊)之間的300延遲。

sparkline：是一個開源的圖表控件，能夠生成很小也很好看的圖表，並嵌入到行內顯示。