超全超實用的Javascript類庫和jQuery外掛程式大全之一：Web印刷排版

日期：2012-10-9  來源：GBin1.com

如果你需要解決一些開發中遇到的技術問題的話，很可能會找到一些相關的javascript類庫或者是jQuery外掛程式來實現。這樣實用的類庫或者jQuery外掛程式往往是你應該時常收集並且儲存的，特別是如果你不希望自己去處理不同瀏覽器的相容性問題的話，使用現成的javascript類庫或者是jQuery外掛程式往往能夠協助你提高開發效率。

使用javascript類庫可能並不一定是最好的選擇，很多情況1下可能你會發現類庫載入並不正確，或者有效能上的問題，例如，行動裝置上使用js類庫。很多情況下使用類似jQuery的類庫可能有點殺雞用宰牛刀的感覺，然而，一些超輕量級的類庫可能更加的實用。這裡我們也會介紹一些。

在這個兩個部分的文章中，我們將介紹一些非常實用的javascript和jQuery類庫，協助你解決你經常遇到的問題。你可能知道一些，但是你肯定不會都知道。希望我們這片文章能夠協助你發現一些你能應用到項目中的實用類庫。

因為文章篇幅的原因，這裡我們分為幾個部分：

• web表單和輸入驗證
• web印刷排版
• 實用類庫
• 圖片，地圖和圖形

快速瞭解：

下面你將看到一個簡單的類庫列表介紹，每個類庫串連到了對應的網站，能夠協助你快速的找到需要的類庫工具。

web表單：

forms framework – auto-saving drafts – file upload (and resuming large downloads) – <select> boxes – modal boxes – form accordion – dynamic labels – drop-down with images – tooltips – extended input – form validation – credit card validation (alternative) – email check – password complexity

web印刷排版：

repairing vertical baseline – align text to a grid – responsive measure – fixing widows – fluid line height –scalable headlines (or smart headlines) – Lettering.js – Kerning.js

實用類庫：

exchange rates and currency – date/time formatting – relative timestamps – number and currency formatting– cookies.js – zip.js – extra string methods – countdown.js – sticky content – Google Maps – interactive maps– progress bar – favicon notifications (or Notificon)

圖片，地圖和圖形：

world maps – subway map – Google maps – open source maps – SVG fallback – gauges – graphs – timeline– Retina display – magnifying glass – interactive graphs – plots – time visualization

Web印刷排版Baseline.js

一個用來管理圖片的baseline的jQuery外掛程式

FTColumnflow

這個類庫用來解決CSS列布局問題。使用這個類庫你可以提供一個可配置的列寬度和margin，定義元素的寬度。

Responsive Measure jQuery Plugin

一個簡單的script，協助你傳遞一個選取器來產生理想的字型大小。同時也產生一個分別率無關的字型縮放大小。

The Widow Tamer

一個非常小的js類庫自動填補未排夠的行。設計用來處理響應式布局。

Fluid Line-Height

在這片文章中，Tim鼓勵大家修正Line-height來最佳化響應式設計的可讀性。

jQuery minlineheight是一個協助你設定最大最小寬度的工具外掛程式。

FitText.js

這個外掛程式協助你建立可縮放的標題來適應父元素寬度。你也許對於字母處理有興趣，可以看看 Lettering.js

Kerning.js

一個允許你使用CSS rules來變化，修改web type的類庫。

SlabText.js

一個用來建立響應式標題的jQuery外掛程式

實用類庫money.js：開源的兌換率和貨幣轉化類庫

Joss Crowcroft開發的開源的兌換率API，提供了最新的靈活方便的貨幣轉化資料，可以應用到任何應用或者語言中。不需要付費，沒有限制，沒有複雜XML，基於JSON。同時也開發了money.js，一個貨幣轉化的javascript類庫。可以方便的整合到網站中。

Accounting.js: Easier Number and Currency Formatting

一個協助你轉化貨幣或者格式的js類庫。可以協助你似的數字和貨幣顯示更加專業和美觀

Moment.js: Format Dates And Times

這個超棒的時間相關處理類庫在以前的文章中我們介紹過，如果你需要處理時間相關的功能，它基本都可以協助你完成，強烈推薦！

Smart Time Ago

另外一個協助你計算距離現在時間的類庫，有興趣可以看看這篇文章：

協助你自動產生已經過去的時間的jQuery外掛程式- Smart Time Ago 

sortByTimeAgo.js

一個javascript類庫接受一個使用timeAgo屬性的對象數組，然後從最新到最舊來排序

Piecon

一個超棒的協助你在favicon上產生piechart的類庫，支援FF9+，chrome15+，Opera11+

Notificon: Favicon Notifications and Alerts

一個用來產生favicon的javascript類庫。你可以指定一個label和一個favicon，支援Chrome6+，Firefox2+和opera

jQuery Stick ‘em: Make Content Sticky on Scroll, to a Point

協助你更好的閱讀超高圖片相關資訊的外掛程式。

Countdown.js

一個協助你準確計算時間間隔的js類庫。

geolib

一個協助你計算地理資訊功能的js類庫，例如，距離計算，轉換座標等等

Cookies

協助你管理處理cookie的js類庫，支援AMD/CommonJS，支援Chrome，Firefox3+，Safari4+，Opera10+和IE6+

firstImpression.js

一個微類庫用來協助你確認是否使用者訪問過網站

Chirp.js: Tweets on Your Website

一個輕量級的模板js類庫，協助你顯示tweet到你的網站。支援用戶端緩衝。

simpleWeather jQuery Plugin

一個簡單的jQuery外掛程式來顯示任何地方的天氣。主要來自於yahoo的YQL API。

zip.js

一個js類庫用來zip和unzip檔案。zip.js提供了底層的API用來寫入和讀出大的zip檔案（大到4GB）。

支援Chrome，Firefox，Safari6和IE10+。使用Safari 5和IE9，你必須關閉webworker使用Typed Array polyfill.

string.js

一個類庫提供字串方法來處理文本字串

 

來源：超全超實用的Javascript類庫和jQuery外掛程式大全之一：Web印刷排版