十大不容錯(cuò)過的熱門JavaScript框架項(xiàng)目
譯文技術(shù)社區(qū)的力量在用戶選擇JavaScript框架時(shí)發(fā)揮著至關(guān)重要的作用。在今天的文章中，我們將一同了解支撐AngularJS、Backbone.JS以及Ember.JS等項(xiàng)目的背后推手。
想要弄清楚到底哪種JavaScript UI框架能夠切實(shí)滿足項(xiàng)目及組織的實(shí)際需求？面對十大人氣方案，我們還有很多需要認(rèn)真考慮的因素。
在過去幾年里，我們親眼目睹了UX庫及框架的迅猛發(fā)展——其中大部分屬于開源技術(shù)成果。目前市場上存在大量用于比較各類框架完整性的方法，但人們往往忽視了幾大至關(guān)重要的決定性因素——這些開源項(xiàng)目背后的技術(shù)社區(qū)與生態(tài)系統(tǒng)。技術(shù)社區(qū)與生態(tài)系統(tǒng)的規(guī)模、實(shí)力與發(fā)展走勢將最終決定開源項(xiàng)目的未來命運(yùn)。總而言之，這些統(tǒng)計(jì)結(jié)果應(yīng)該成為指導(dǎo)決策的關(guān)鍵性依據(jù)。
今年早些時(shí)候，我曾經(jīng)有幸參與了一次調(diào)查，其主題為“2012年以來發(fā)展勢頭最迅猛的開源項(xiàng)目”。最終的排行結(jié)果令我震驚，榜單上幾乎擠滿了各類JavaScript項(xiàng)目。這激發(fā)了我的好奇心，因此我決定深入了解特定JavaScript庫/框架項(xiàng)目，看看這些專注于幫助開發(fā)人員創(chuàng)建出豐富且高擴(kuò)展性用戶界面的項(xiàng)目到底為何擁有如此廣闊的發(fā)展空間。我在分析中使用的開源社區(qū)元數(shù)據(jù)來自O(shè)hloh.net以及GitHub，其中包括各項(xiàng)目的***評分（用于幫助用戶及時(shí)掌握感興趣的資源庫的***動(dòng)態(tài)）以及個(gè)別項(xiàng)目所吸引到的擁護(hù)者人數(shù)。
哪些項(xiàng)目榜上有名
在本次調(diào)查分析中，我關(guān)注的主要是十大開源項(xiàng)目背后的技術(shù)社區(qū)。順帶一提，這十大開源項(xiàng)目涵蓋了UI庫、框架以及包括服務(wù)器端運(yùn)行時(shí)間在內(nèi)的全堆?？蚣堋４舜畏治龅膶ο笕繛楫?dāng)下的熱門UI項(xiàng)目，例如AngularJS、Ember.JS、SproutCore、Backbone.JS、Knockout.js、Spine、CanJS、Meteor-JS、Derby以及Yahoo Mojito。
我的目標(biāo)是描繪出一幅關(guān)于各項(xiàng)目相關(guān)技術(shù)社區(qū)的發(fā)展圖譜，尤其是在規(guī)模與發(fā)展速度方面，并將此與個(gè)別項(xiàng)目的普及范圍及成功程度加以比照。當(dāng)然，我還在密切關(guān)注各個(gè)項(xiàng)目所對應(yīng)的生態(tài)系統(tǒng)，希望找到生態(tài)系統(tǒng)狀況與項(xiàng)目普及范圍及成功程度之間的聯(lián)系。
每月貢獻(xiàn)者數(shù)量
探尋各個(gè)項(xiàng)目每月貢獻(xiàn)者的具體數(shù)量及增長幅度有助于了解該項(xiàng)目的發(fā)展態(tài)勢，并足以了解業(yè)務(wù)對該項(xiàng)目的關(guān)注程度外加關(guān)鍵性發(fā)展臨界點(diǎn)。下面的圖表中囊括了十大項(xiàng)目的每月貢獻(xiàn)者參與情況，數(shù)字代表的是各個(gè)月份提交代碼的貢獻(xiàn)者數(shù)量。
每月項(xiàng)目貢獻(xiàn)者：Ember項(xiàng)目的代碼貢獻(xiàn)者數(shù)量如火箭般節(jié)節(jié)攀升。細(xì)心的朋友可能已經(jīng)注意到，貢獻(xiàn)者爆炸式增長的歷史轉(zhuǎn)折點(diǎn)出現(xiàn)在2011年12月，當(dāng)時(shí)該項(xiàng)目剛剛脫離SproutCore并獨(dú)立出來。谷歌的AngularJS的貢獻(xiàn)者數(shù)量同樣走勢喜人。
如大家所見，SproutCore曾經(jīng)在發(fā)展初期領(lǐng)跑每月貢獻(xiàn)者數(shù)量榜。然而隨著2011年12月SproutCore的分裂與Ember的誕生，技術(shù)團(tuán)隊(duì)中的大部分開發(fā)人員都選擇了Ember作為自己的新起點(diǎn)。如今Ember與AngularJS一道成為2013年中貢獻(xiàn)者數(shù)量最多的項(xiàng)目，且二者在全局技術(shù)社區(qū)的發(fā)展態(tài)勢方面同樣表現(xiàn)優(yōu)異。需要注意的是，今年春季Backbone與Meteor的每月貢獻(xiàn)者數(shù)量出現(xiàn)顯著下滑，而此時(shí)正是AngularJS與Ember極速上升的時(shí)段。
歷史貢獻(xiàn)者數(shù)量
下面我們來看項(xiàng)目整個(gè)發(fā)展歷程中的總體貢獻(xiàn)者數(shù)量，這能幫助我們從另一個(gè)視角找到合理的結(jié)論。值得強(qiáng)調(diào)的是，歷史貢獻(xiàn)者數(shù)量往往反映出項(xiàng)目的具體管理風(fēng)格。很多項(xiàng)目由小型團(tuán)隊(duì)進(jìn)行嚴(yán)格管理，其它項(xiàng)目則采取完全開放的政策、接受技術(shù)業(yè)界所帶來的多樣化元素。
項(xiàng)目發(fā)展歷程中的總體貢獻(xiàn)者數(shù)量：AngularJS與Ember擁有最龐大的全局技術(shù)社區(qū)，這充分反映了二者在近一段時(shí)間以來出色的每月貢獻(xiàn)狀況。
歷史貢獻(xiàn)者數(shù)量還能幫助我們理解項(xiàng)目在任何特定時(shí)段的相對發(fā)展趨勢。規(guī)模龐大、制度完善的項(xiàng)目往往擁有可觀的貢獻(xiàn)者基礎(chǔ)，他們幫助修復(fù)漏洞、制作說明文檔并完成大量其它任務(wù)。貢獻(xiàn)者總數(shù)往往與項(xiàng)目代碼基礎(chǔ)的規(guī)模密切相關(guān)。與其它技術(shù)社區(qū)指標(biāo)相比，例如代碼行數(shù)、總提交數(shù)量以及每月提交數(shù)量，歷史貢獻(xiàn)者數(shù)量更能說明問題。
項(xiàng)目生態(tài)系統(tǒng)
除了當(dāng)前貢獻(xiàn)者數(shù)量之外，項(xiàng)目技術(shù)社區(qū)的力量還體現(xiàn)在生態(tài)系統(tǒng)方面。生態(tài)系統(tǒng)的建立與擴(kuò)展同項(xiàng)目本身存在著千絲萬縷的聯(lián)系。這意味著單靠核心技術(shù)社區(qū)，我們還無法一窺項(xiàng)目的真實(shí)全貌。只有將視角放在更加廣闊的生態(tài)系統(tǒng)身上，大家才能夠?qū)我豁?xiàng)目的全面成效做出準(zhǔn)確判斷。
相關(guān)項(xiàng)目數(shù)量：開源項(xiàng)目的穩(wěn)定性可以通過與之相關(guān)的周邊項(xiàng)目數(shù)量來衡量。在這方面，Backbone.js與AngularJS是當(dāng)之無愧的贏家。
值得注意的是，Backbone擁有龐大的生態(tài)系統(tǒng)，這從側(cè)面顯示了其在技術(shù)業(yè)界的普及程度及發(fā)展態(tài)勢。為了進(jìn)一步驗(yàn)證Backbone生態(tài)系統(tǒng)的發(fā)達(dá)程度，我在GitHub上過濾掉所有評價(jià)不足三顆星的內(nèi)容、只保留三星及心目且與Backbone密切相關(guān)的項(xiàng)目——仍然找到了1627個(gè)結(jié)果。相比之下，AngularJS的三星及心目相關(guān)項(xiàng)目只有個(gè)，這意味著Backbone的生態(tài)系統(tǒng)規(guī)模仍然達(dá)到AngularJS的兩倍以上。
全堆棧解決方案
由于全堆棧解決方案的審視角度與其它項(xiàng)目有所差別，因此我希望將這類項(xiàng)目單獨(dú)劃分并進(jìn)行比較。全堆棧解決方案中既包含客戶端框架也包含服務(wù)器端框架；由此可以假設(shè)，此類方案的相關(guān)代碼數(shù)量更多、隨著時(shí)間推移參與進(jìn)來的技術(shù)人員規(guī)模也更為龐大。下面這份圖表顯示的正是這些項(xiàng)目在相對較早的發(fā)展時(shí)期內(nèi)的參與情況。
全堆棧解決方案數(shù)量：Meteor與Mojito對于技術(shù)社區(qū)的吸引力似乎更強(qiáng)，至少從貢獻(xiàn)者數(shù)量的角度來看是這樣。
JavaScript的崛起
將時(shí)間與精力用于創(chuàng)建結(jié)構(gòu)化JavaScript方案的開發(fā)人員數(shù)量正持續(xù)激增。以下圖表顯示的正是自2011年年初至令，參與代碼貢獻(xiàn)的開發(fā)人員數(shù)量。統(tǒng)計(jì)結(jié)果反映出如今UI框架在應(yīng)用程序開發(fā)工作中的重要地位，同時(shí)也說明不同規(guī)模的企業(yè)對于差異化用例的方案需求正日益強(qiáng)烈。自今年一月份開始，參與代碼貢獻(xiàn)的開發(fā)者數(shù)量迎來顯著增長，這很可能是受到了AngularJS與Ember團(tuán)隊(duì)的帶動(dòng)。
十大JavaScript項(xiàng)目的代碼貢獻(xiàn)者總數(shù)：如果大家抱有任何疑問，這份圖表將用事實(shí)證明JavaScript正以改天換地之勢席卷全球。另外，與2011年相比，今年各項(xiàng)目的平均貢獻(xiàn)參與者數(shù)量普遍翻倍。
代碼行與提交數(shù)量
大家可能希望進(jìn)一步了解各大開源項(xiàng)目的代碼基礎(chǔ)規(guī)模——以及代碼基礎(chǔ)與代碼貢獻(xiàn)者數(shù)量之間的關(guān)聯(lián)。通過比較，我們發(fā)現(xiàn)技術(shù)社區(qū)規(guī)模與總體提交數(shù)量幾乎跟代碼基礎(chǔ)規(guī)模沒啥關(guān)系。舉例來說，AngularJS項(xiàng)目中每位貢獻(xiàn)者平均帶來413行代碼，而Ember項(xiàng)目中每位貢獻(xiàn)者平均只帶來146行代碼。
碼行數(shù)與貢獻(xiàn)者數(shù)量：每位貢獻(xiàn)者提供的代碼行數(shù)越多，就說明該項(xiàng)目的技術(shù)難度越低——某些人將此視為項(xiàng)目健康程度的一項(xiàng)考量指標(biāo)。
不過大家也可以在技術(shù)社區(qū)規(guī)模（即歷史貢獻(xiàn)者總數(shù)）與歷史提交數(shù)量之間找到關(guān)聯(lián)，并以此為基礎(chǔ)分析每位貢獻(xiàn)者為項(xiàng)目帶來的平均提交數(shù)量。統(tǒng)計(jì)結(jié)果可能會告訴我們哪些項(xiàng)目更易于做出貢獻(xiàn)，這又會給項(xiàng)目的長期發(fā)展帶來哪些影響。
預(yù)見未來
技術(shù)社區(qū)規(guī)模與發(fā)展速度對于項(xiàng)目的前景而言非常重要。盡管這些指標(biāo)無法向我們昭示整條軌跡的來龍去脈，但我們?nèi)匀豢梢越璐肆私饧夹g(shù)人員對特定社區(qū)的參與程度、從而幫助自身了解項(xiàng)目的可行性及可持續(xù)性。它們同時(shí)也能幫助大家找到項(xiàng)目生命周期中的各類增長拐點(diǎn)，從而找到參與項(xiàng)目并對其產(chǎn)生影響的***時(shí)機(jī)。
UI框架是我最熟悉也最喜愛的主題，這是因?yàn)槲以贏dobe公司用五年時(shí)間打理Flex框架的產(chǎn)品營銷活動(dòng)——現(xiàn)在該框架已經(jīng)轉(zhuǎn)型為Apache項(xiàng)目。基于前面提到的各項(xiàng)數(shù)據(jù)分析，我的結(jié)論是Ember與AngularJS是近來崛起的框架當(dāng)中最值得關(guān)注的競爭選手。不過在另一方面，Backbone那龐大而活躍的技術(shù)社區(qū)則昭示了該項(xiàng)目作為UI方案的極高人氣，相信它將擁有可持續(xù)且光明的未來。
