Web開發必備：16款強大的JavaScript庫

2012年04月17日10:07來源： 開源社群 作者：蕃薯 編輯： 皮麗華 評論： 1條

        【IT168 技術】本文重點為大家介紹16款非常實用的JavaScript庫，涵蓋的領域很廣泛。

       編輯器

     1. CodeMirror

　　CodeMirror 是一款“Online Source Editor”，基于 Javascript，短小精悍，實時線上代碼高亮顯示，他不是某個富文本編輯器的附屬産品，他是許多大名鼎鼎的線上代碼編輯器的基礎庫。

▲

　　視訊：

　　2.html5media

　　html5media 是一個 JavaScript 音頻/視訊播放器能夠讓每一個浏覽器都能夠播放在 HTML5 多媒體标簽中定義的多媒體檔案。 對于不相容的浏覽器，該播放将采用支援 Flash 的 FlowPlayer 播放器來代替。

▲

　　地圖：

　　3. Gmap

　　GMAP3 插件用來将 Google Maps 插入到網頁中，Google 在其産品中已經提供了很簡便的方法。但是 GMAP3 這個 jQuery 插件提供了更加簡便的方法，特别是在使用一些進階功能時(如：overlays 和 callbacks)。

▲

　　圖表：

　　4. JS Charts

　　JS Charts 是一款免費的基于 javascript 的輕量級插件，用 JS Charts 繪制圖表是很輕松地事，因為你隻需要關心用戶端的腳本。

▲

　　5. Highcharts

　　Highcharts 是一個制作圖表的純 Javascript 類庫

▲

　　6. Flot

　　受 Plotr 和 PlotKit 的啟發，Ole Laursen 基于 jquery 開發了一個圖表繪制(WEB Chart)插件并命名為 flot。

　　示例代碼：$.plot ($("#placeholder")， [ [[0, 0], [1, 1]] ], { yaxis: { max: 1 } });

▲

　　7.Timeplot

　　Timeplot 是一個基于 DHTML 的 AJAX 部件，用于建立時間序列、基于時間事件的圖表。

▲

▲

　　可視化和繪圖庫：

　　8. Processing.js

　　Processing.js 是輕量，易于了解掌握，并提出一個理想的工具，可視化的資料，建立使用者界面和開發基于 Web 的遊戲。

▲

　　9. Protovis

　　Protovis 是一個可視化 javaScript 圖表生成工具。

▲

　　10. Raphaël

　　Raphaël 是一個小型的 JavaScript 庫，用來簡化在頁面上顯示向量圖的工作。你可以用它在頁面上繪制各種圖表、并進行圖檔的剪切、旋轉等操作。

　　安全相關：

　　11. Ad Safe

　　ADsafe 能使 Javascript 廣告更加安全。

　　ADsafe 使放置在頁面上的客戶代碼(例如第三方的廣告腳本以及挂件)安全，ADsafe 定義了一個 JavaScript 的子集，足以令客戶腳本具有用的互動性，在此同時防止惡意或者偶然的破壞以及入侵。

　　存儲：

　　12. TaffyDB

　　TaffyDB 是一個免費開源的 JavaScript 庫，用于在 Web 上實作一個輕量級的資料通路層，也就是一個簡單的資料庫。

　　13. evercookie

　　evercookie 是一套想辦法在瀏覽器上留下可供紀錄的痕跡的 javscript library，支援非常多方法，想盡辦法產生類似 HTTP cookie 的效果。目前實作的方法借助了 flash 的支援。

　　14.jStorage

　　jStorage 是一個簡單的用于 Prototype，MooTools，jQuery 在浏覽器端緩存資料(字元串，數字，對象，甚至是 XML 節點)的包裝插件。

　　其他：

　　15. HeadJS

　　HeadJS, 異步 JavaScript 加載。其最大特點就是不僅可以按順序執行還可以并發加載 js

　　16.Socket.IO

　　Socket.IO 旨在讓各種浏覽器與移動裝置上實作實時 app 功能，模糊化各種傳輸機制。via webinsightlab

▲