JS相關(guān)開源庫介紹

12種名聲較微的javascript開源庫1.Headroom.js功能：是一個輕量級、高性能的JS小工具（不依賴任何工具庫?。?，它能在頁面滾動時做出響應(yīng)。優(yōu)點：方便用戶在各個頁面之間切換，，讓用戶花更多時間關(guān)注你頁面上的內(nèi)容缺點：方便用戶在各個頁面之間切換的同時，也會帶來些問題…行業(yè)中使用情況：未看到有任何評價2.Hammer.js功能：Hammer.js是一個輕量級的JavaScript庫（僅有2kb），能讓你的網(wǎng)站輕松實現(xiàn)觸控事件。它依賴于jQuery，用來控制觸摸設(shè)備上的多點觸控特性。優(yōu)點：不但支持觸摸屏設(shè)備的瀏覽器，在桌面瀏覽器上，也能將鼠標(biāo)的點擊當(dāng)做觸摸，方便開發(fā)人員在桌面瀏覽器上調(diào)試。這是一個專為觸摸手勢而生的js庫缺點：未看到有這反面的評價行業(yè)中使用情況：Hammer.js已經(jīng)在IOS5系統(tǒng)的iPad1，IOS5系統(tǒng)的iPhone，Android2.3.3的三星GalaxyS以及GoolgeChrome17測試可用。在桌面瀏覽器上鼠標(biāo)能夠模擬單個手指的觸控事件。在Android2與3默認(rèn)的瀏覽器以及FireFox10不支持多點觸控事件，所以在Android，F(xiàn)ireFox1.1（NokiaN900）上沒有transform。WindowsPhone7.5不支持觸摸事件，mouseevent支持也很糟糕。3.TypeRenderingMix功能：TypeRenderingMix是個基于瀏覽器、應(yīng)用CSS文本渲染的引擎。TypeRenderingMix通過解析用戶代理字符串檢測瀏覽器的文本rasterizer和antialiasing方法。行業(yè)中使用情況：新出不久，比較受推崇4.MouseTrap功能：MouseTrap是個簡單的JavaScript庫，用來處理鍵盤快捷鍵，并且無需任何擴展依賴，而且非常輕量，壓縮包只有3.5KB。優(yōu)點：不置評價缺點：不置評價行業(yè)中使用情況：目前只開源，剛推出5.Switchery功能：Switchery是個簡單的JavaScript組件，只要幾個簡單的步驟就可以幫助用戶把默認(rèn)的HTML復(fù)選框轉(zhuǎn)換成漂亮iOS7樣式風(fēng)格。用戶可以很方便的自定義這種轉(zhuǎn)換，所以可以很好的配合你的設(shè)計風(fēng)格。優(yōu)點：Switchery是個簡單的JavaScript組件，只要幾個簡單的步驟就可以幫助用戶把默認(rèn)的HTML復(fù)選框轉(zhuǎn)換成漂亮iOS7樣式風(fēng)格缺點：不置評價行業(yè)中使用情況：暫時該項沒有6.Yeoman功能：Yeoman是一個開源項目，它為Web應(yīng)用開發(fā)定義了一個自用的棧。它包括一批非常優(yōu)秀的工具和框架，它們都有著完善的文檔而且很權(quán)威。幫助開發(fā)者快速構(gòu)建漂亮的Web應(yīng)用。優(yōu)點：提高工作效率，可以讓開發(fā)人員專心做擅長的事，可以屏蔽復(fù)雜性，可以規(guī)范架構(gòu)和代碼缺點：默認(rèn)生成的grunt配置文件帶了太多插件，盡管是挺有用的，但還是感覺略顯臃腫行業(yè)中使用情況：暫時該項沒有7.Math.js功能：Math.js是一個JavaScript包，用于執(zhí)行數(shù)學(xué)相關(guān)的函數(shù)。擁有非常多的運算功能和靈活的表達式解析器，功能強大且易于使用。優(yōu)點：，用于處理數(shù)字、大數(shù)、復(fù)數(shù)、單位和矩陣。它還有一個靈活的表達式解析器缺點：不做評價行業(yè)中使用情況：目前已經(jīng)有幾個使用math.js的最終用戶應(yīng)用。Jos自己的項目mathnotepad也是基于math.js的，目前還處于早期開發(fā)階段。numerics這款流行的計算器項目也用到了Math.js8.Morris.js功能：Morris.js是一個輕量級的JavaScript庫，使用jQuery和Rapha?l來生成各種時序圖。9.Planetary.js功能：Planetary.js是一個JavaScript庫，用于構(gòu)建互動球體效果。它使用D3和TopoJSON解析和渲染地理數(shù)據(jù)。Planetary.js采用了基于插件的架構(gòu)，即使是默認(rèn)的功能是作為插件實現(xiàn)的，這使得Planetary.js非常靈活。Planetary.js是完全可定制，包括顏色，旋轉(zhuǎn)等等。10.MetroUICSS功能：MetroUICSS是一套用來創(chuàng)建類似于Windows8MetroUI風(fēng)格網(wǎng)站的樣式，它是一套自成體系的解決方案，但也可以與其它框架一起使用。11.Cheet.js功能：Cheet.js是一款用來創(chuàng)建復(fù)活節(jié)彩蛋類似形狀的圖片加上簡單的文本信息的Javascript庫。12.Turn.js功能：Turn.js是一個JavaScript庫，能夠?qū)TML內(nèi)容組織成看起來像一本真正的書籍或雜志，用到HTML5的所有優(yōu)點。Turn.js最合適基于HTML5實現(xiàn)類似雜志，書籍，目錄的效果。它適用于大多數(shù)的瀏覽器和設(shè)備，輕量級，只有10K。以上是現(xiàn)在新出的js開源庫，它們中的一些由于目前出來不久，雖然它們的功能十分強大，但是用的人也不是很多，需要更多的推廣普及所以我把它們放在前面介紹，接下來我會介紹10個比較知名的javascript開源庫，它們的使用人群比較多，出來的時間也相對較長。12種名聲稍顯的javascript開源框架1.jQuery介紹：jQuery是免費、開源的，使用MIT許可協(xié)議。jQuery的語法設(shè)計可以使開發(fā)者更加便捷，例如操作文檔對象、選擇DOM元素、制作動畫效果、事件處理、使用Ajax以及其他功能。除此以外，jQuery提供API讓開發(fā)者編寫插件。其模塊化的使用方式使開發(fā)者可以很輕松的開發(fā)出功能強大的靜態(tài)或動態(tài)網(wǎng)頁。特點：動態(tài)特效AJAX通過插件來擴展方便的工具-例如瀏覽器版本判斷漸進增強鏈?zhǔn)秸{(diào)用多瀏覽器支持，支持InternetExplorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+（在2.0.0中取消了對InternetExplorer6,7,8的支持）優(yōu)點：強大的選擇器、出色的dom操作的封裝、可靠的事件處理機制、完善的Ajax、出色的瀏覽器兼容性、鏈?zhǔn)讲僮鞣绞饺秉c缺點：不能向后兼容。每一個新版本不能兼容早期的版本。舉例來說，有些新版本不再支持某些selector，新版jQuery卻沒有保留對它們的支持，而只是簡單的將其移除。這可能會影響到開發(fā)者已經(jīng)編寫好的代碼或插件。插件兼容性。與上一點類似，當(dāng)新版jQuery推出后，如果開發(fā)者想升級的話，要看插件作者是否支持。通常情況下，在最新版jQuery版本下，現(xiàn)有插件可能無法正常使用。開發(fā)者使用的插件越多，這種情況發(fā)生的幾率也越高。我有一次為了升級到j(luò)Query1.3，不得不自己動手修改了一個第三方插件。在同一頁面上使用多個插件時，很容易碰到?jīng)_突現(xiàn)象，尤其是這些插件依賴相同事件或selector時最為明顯。這雖然不是jQuery自身的問題，但卻又確實是一個難于調(diào)試和解決的問題。jQuery的穩(wěn)定性。它沒有讓我的瀏覽器崩潰，我這兒指的是其版本發(fā)布策略。jQuery1.3版發(fā)布后僅過數(shù)天，就發(fā)布了一個漏洞修正版1.3.1。他們還移除了對某些功能的支持，可能會影響許多代碼的正常運行。我希望類似修改不要再出現(xiàn)。在大型框架中，jQuery核心代碼庫對動畫和特效的支持相對較差。但是實際上這不是一個問題。目前在這方面有一個單獨的jQueryUI項目和眾多插件來彌補此點。

2.Prototype介紹：prototype.js是SamStephenson寫的一個非常優(yōu)雅的javascript基礎(chǔ)類庫，對javascript做了大量的擴展，而且很好的支持Ajax，國內(nèi)外有多個基于此類庫實現(xiàn)的效果庫，也做得很棒。優(yōu)點：第一，原型（Prototype）收集了很多漂亮的有關(guān)于JavaScript的捷徑用法，它減少輸入，并且避免重復(fù)發(fā)明輪子。第二，精煉的語法。在Prototype中研究DOM和事件處理、征服Ajax，將大大簡化你的代碼，使一切變得更加簡單，而且可移植性更強缺點：Prototype的核心思想和這個世界的發(fā)展方向是不一致的。瀏覽器廠商對JavaScript復(fù)興所做的努力是增加新的API，其中很多是和Prototype的實現(xiàn)相沖突。此時，程序員開始展現(xiàn)對一些小的，自我實現(xiàn)，模塊化的腳步庫的偏愛，而不是大型的框架,Prototype從一個最佳的開發(fā)準(zhǔn)則變成了反模式的代表。(PS：來自文章：Prototype興衰給我的啟示)3.script.aculo.us介紹：Script.aculo.us框架是基于Prototype框架的一個非常優(yōu)秀的開源Ajax框架，script．a(chǎn)culo．us庫能抹平不同瀏覽器之間的溝壑，使得一些常見的功能更加容易實現(xiàn)優(yōu)點：談及uI的高級特性時，SCript．a(chǎn)culo-us使得Web開發(fā)者們的夢想變成現(xiàn)實：創(chuàng)建自動的文本輸入用來In-Place編輯、提供可定制的拖曳行為、關(guān)注用戶的需求。其網(wǎng)站是這樣介紹自己的（script.aculo.usprovidesyouwitheasy-to-use,cross-browseruserinterfaceJavaScriptlibrariestomakeyourwebsitesandwebapplicationsfly），就是說界面簡潔易用，運行速度快缺點：暫時不做評價4.Mootools介紹：這是一個緊湊的，模塊化的，面向?qū)ο箫L(fēng)格的javascript框架，這并不是一個能直接用上的Javascript，他主要給程序員們方便地進行開發(fā)更高級的組件，因為這個框架主要是面對開發(fā)人員的，所以他是非常靈活和非常強大的。也不大，才63K優(yōu)點：靈活，模塊化的框架，用戶可以選擇自己需要的組件。MooTools符合OO的思想，使代碼更強壯，有力，有效。高效的組件機制,可以和flash進行完美的交互。對于DOM的擴展增強，使開發(fā)者更好的利用document缺點：不大不小，具體應(yīng)用具體分析5.ExtJS介紹：ExtJS是一種主要用于創(chuàng)建前端用戶界面的Javascript框架，功能豐富，無人能出其右。優(yōu)點：ExtJs初期僅是對Yahoo!UI的對話框擴展，后來逐漸有了自己的特色，深受網(wǎng)友的喜愛。發(fā)展至今，Ext除YUI外還支持Jquery、Prototype等的多種JS底層庫，讓大家自由地選擇。該框架完全基于純Html/CSS+JS技術(shù)，提供豐富的跨瀏覽器UI組件，靈活采用JSON/XML數(shù)據(jù)源開發(fā)，使得服務(wù)端表示層的負(fù)荷真正減輕，從而達到客戶端的MVC應(yīng)用缺點：加載頁面慢服務(wù)器端功能極度削弱，除了數(shù)據(jù)庫操作外，幾乎所有功能都到了客戶端，還得用javascript來寫。開發(fā)速度慢6.Qooxdoo介紹：qooxdoo是一個全面和創(chuàng)新的AJAX應(yīng)用程序框架。利用面向?qū)ο蟮腏avaScript允許開發(fā)令人印象深刻的跨瀏覽器的應(yīng)用。沒有HTML，CSS知識，也不是必要的。它包括一個獨立于平臺的開發(fā)工具鏈，一個最先進的圖形用戶界面工具和先進的客戶端與服務(wù)器之間的通訊層。優(yōu)點：支持所有主要瀏覽器無插件需要（不需要ActiveX,Java,Flash，Silverlight）沒有修改本地JavaScript對象，以便易于與自定義代碼集成跨瀏覽器的JavaScript1.6字符串/陣列仿制框架是完全基于類的（目前約350個類）沒有重復(fù)的全局變量除普通類外，它提供抽象，靜態(tài)類單繼承，充分多態(tài)性動態(tài)特性，非常方便配置純客戶端JavaScript完全支持基于事件的編程完全支持所有平臺快速，方便評估的框架，而不需要安裝任何軟件骨架作為預(yù)配置的基礎(chǔ)功能齊全的定制應(yīng)用許多樣本應(yīng)用和實例缺點：對程序員的js要求比較高

7.YUI介紹：Yahoo!UILibrary(YUI)是一個開放原始碼的JavaScript函數(shù)庫，為了能建立一個高互動的網(wǎng)頁，它采用了AJAX，DHTML和DOM等程式碼技術(shù)。它也包含了許多CSS資源。使用授權(quán)為BSD許可證優(yōu)點：許多組件實現(xiàn)了對數(shù)據(jù)源的支持，例如動態(tài)的布局，可編輯的表格控件，動態(tài)加載的Tree控件、動態(tài)拖拽效果；結(jié)構(gòu)化，類似于java的結(jié)構(gòu)，清晰明了，底層用到了Jquery的一些函數(shù)，使整合使用有了選擇，最重要的一點是界面太讓讓人震撼了。缺點：太過復(fù)雜，整個界面的構(gòu)造過于復(fù)雜8.Mochikit介紹：MochiKit自稱為一個輕量級的js框架。MochiKit主要受到Python和Python標(biāo)準(zhǔn)庫提供的很多便利之處的啟發(fā)，另外還緩解了瀏覽器版本之間的不一致性。優(yōu)點：MochiKit.DOM其中的MochiKit.DOM尤其方便，能夠以比原始JavaScript更友好的方式處理DOM對象。MochiKit.DOM大部分都是針對XHTML文檔定制的，如果與MochiKit和Ajax結(jié)合在一起，使用XHTML包裝的微格式尤其方便。Mochikit可以直接對字符串或者數(shù)字格式化輸出，比較實用和方便。它還有自己的js代碼解釋器簡介也是很突出的缺點：輕量級的缺點9.Midori介紹：midoriisalightweightJavaScriptlibrarythataimstomakeJavaScriptwebdevelopmenteasier.。即midori是一個輕量級的javascript庫，目的是使網(wǎng)站開發(fā)更簡單優(yōu)點：DOM節(jié)點用CSS選