我一直在研究twitter.com使用的一些UI框架。下面是這些框架的清單(大部分是Javascript框架)。如果你發現有些框架Twitter已經沒在使用了,請隨時告訴我!
測試
Jasmine:這個javascript庫是一個行為驅動的開發框架, 用來測試Javascript代碼。它不依賴於其它的Javascript框架,也不需要DOM支持。它的語法清晰明了,可以很方便的用來寫一些單元測試。
UI
Sizzle:純Javascript編寫的CSS選擇器引擎,可以很方便的集成到其他的庫。
Bootstrap:BootStrap是網上開發響應式、移動設備優先項目最流行的前端框架。
Html2Canvas:使用HTML2Canvas腳本可以直接對 瀏覽器的全部或部分頁面截圖。截圖是基於DOM操作的,並不能確保截圖和你在瀏覽器中看到的完全一致。 因為它並不是真正的截圖,而是通過頁面內容生成了這樣一張圖片。
jQuery:快速、靈巧、 功能豐富的JavaScript庫。 它提供了一組方便易用且兼容眾多瀏覽器的API,簡化了HTML文檔遍歷、文檔操作、事件處理、動畫以及Ajax等操作。
安全
Gibberish-AES:基於JavaScript且兼容OpenSSL的AES加密庫。
性能
Loadrunner:一個通用的依賴管理器, 不管是CSS模板還是DOM事件亦或是緩沖加載,任何類型的異步依賴它都可以管理。 它還內置支持加載標准的JavaScript文件、AMD模塊以及它Loadrunner開發的一些很精致的模塊。
Boomerang: 用於監測用戶瀏覽網頁過程中大量的性能相關指標的JavaScript庫。 你需要做的就是在網頁里加載Boomerang,然后調用它的init方法。
通訊
Xdm:通過基於JSON-RPC 2.0協議的postMessage來實現跨域通訊。 Xdm是easyXDM的簡化版並做了輕微的修改, easyXDM是一個Javascript庫,它能夠幫助開發人員克服同源策略帶來的限制,方便應用程序通過javascript API來實現跨域通訊。
腳手架工具(用於啟動項目)
- Yeoman – Yeoman是一個健壯且固定的客戶端程序庫,包含了工具和框架,有助於開發者快速構建漂亮的web應用。
構建工具(自動化構建)
- Grunt.js – Grunt生態系統很巨大,且每天成長着。由於有數以百計的插件可供選擇,你可以使用Grunt自動化構建,且花費最少的代價。
- Pint.js(Grunt助手) – Pint是一個小型、異步、感知依賴的基於Grunt的封裝庫,試圖解決大規模構建過程中的一些問題。
- Gulp.js – Gulp的流式構建方式和代碼優於配置理念使構建更簡單、更直觀。
- Browserify.js(瀏覽器端) – Browserify是一個允許編寫、編譯Node.js風格的模塊並將之用於瀏覽器的開發工具。就像node,我們在單獨文件中編寫模塊,使用module.exports、exports導出外部方法和屬性。
- Uglify.js – Uglify.js是服務於NodeJS的一個JavaScript解析/壓縮/美化庫。
