前端 UI 庫 OperaMasks–UI 開發團隊專訪

OperaMasks-UI是一款基於jQuery並提供豐富組件的前端UI庫,擁有豐富的業務組件、強大的擴展能力、高度的可靠性,滿足大部分業務場景需求,帶給你便捷的前端開發新體驗。 

官網地址:http://ui.operamasks.org/ 
在線演示:http://ui.operamasks.org/website/demos.html 

本期我們採訪了OperaMasks-UI的開發團隊,請他們詳細介紹一下這個優秀的前端UI庫。 

歡迎大家推薦更多開源項目給我們,支持中國的開源項目發展,如果您和您的團隊希望展示創業理念和有趣之處,或者有朋友正在創造這樣的價值,請聯繫我們,發信到[email protected]即可。


OperaMasks-UI是什麼?該項目的由來?


OperaMasks-UI是一款輕量級的、基於jQuery並提供豐富組件的前端UI庫,遵循LGPL開源協議,對商業使用友好。 

OperaMasks團隊曾在2008年發佈一款基於JSF的開源WEB框架OperaMasks SDK,4年多的社區開放之路,一直受限ExtJS的License授權(OperaMasks SDK爲LGPL開放協議),自有維護的ExtJS成本非常高昂且隨時可能的License風險一直讓OperaMasks團隊發展的如履薄冰。鑑於此,OperaMasks團隊2011年決定自主開發一套全新的JS前端組件庫並命名爲OperaMasks-UI,並持續貢獻給開源社區(http://ui.operamasks.org)。 

我們的定位是借鑑社區內成熟的前端框架,打造一款輕量級前端JS組件庫,希望能夠面向企業提供一款學習曲線低、定製性靈活、樣式統一,且多瀏覽器支持、覆蓋企業業務場景的前端JavaScript UI組件庫。


OperaMasks-UI包含了哪些組件? 


最新的OperaMasks-UIV2.0版本已經包含各類共26種組件,包含表單,佈局,窗口等多個方面,分別爲: 

1.  表單類8種組件: 
  • omCalendar:日曆控件
  • omCombo:下拉框控件
  • omNumberfiled:數字輸入框控件
  • omSuggestion:Ajax提示控件
  • omValidate:表單校驗控件
  • omAjaxsubmit: Ajax表單提交
  • omFileupload:文件上傳控件
  • omItemSelector:項目選擇器


2.  控件類8種組件: 
  • OmGrid:表格控件
  • omTree:樹控件
  • omButton:按鈕控件
  • omButtonbar:工具條控件
  • omSlider:滑動器控件
  • omMenu:菜單控件
  • omProgressbar:進度條控件
  • omTooltip:提示控件


3.  窗口類3種組件: 
  • omMessagebox:提示信息彈出框控件
  • omDialog:對話框控件
  • omMessagetip:右下角彈出提示窗口控件


4.  佈局類4種組件: 

  • omTabs:頁籤佈局控件
  • omAccordion:抽屜佈局控件
  • omBorderLayout:邊界佈局控件
  • omPanel:面板佈局控件


5.  功能類3種組件:

  • omDraggable:可拖拽控件
  • omDroppable:可拖拽控件
  • omScrollbar:自定義滾動條控件

同時還提供了總計169種的業務場景示例(http://ui.operamasks.org/website/demos.html),充分的展示組件的使用用法。


相比其他前端UI庫(如jQuery UI、ExtJS等),OperaMasks-UI有哪些特點? 


相比ExtJS,OperaMasks-UI具備如下特點:
  • 完全的開源免費,並對商業授權友好。
  • 學習曲線較低,本地化支持。
  • 組件體系是按照現有國內企業業務場景定義和優化,更加輕量級。


相比jQuery-UI,OperaMasks-UI具備如下特點: 
  • 提供的組件和功能更加豐富,更加面向國內的企業化應用需求。
  • 本地化支持更加友好。
  • 組件經過優化,性能更加優秀。
  • 豐富的單元測試,全面採用Qunit測試,所有組件均有詳實的單元和場景測試案例,確保組件的質量。

OperaMasks-UI的性能如何,瀏覽器兼容性如何? 


OperaMasks-UI 目前支持IE7/8/9系列、Firefox、Chrome等,覆蓋主流瀏覽器。 

OperaMasks-UI目前在組件框架的性能測試對比中一直保持着較高的性能數據,相對各主流前端框架而言,OperaMasks-UI的整體性能(不考慮組件功能差異性)呈現如下: 

Extjs < jQuery Easy UI < ligerUI < OperaMasks-UI <jQuery UI 

部分組件的測試數據結果可參考ITeye中的內容(http://www.iteye.com/topic/1121953

是否支持移動Web前端開發? 


截止目前,OperaMasks-UI仍舊定位爲一款面向企業的開源前端組件庫,暫時還不支持移動WEB前端的開發,但目前OperaMasks團隊正在就Mobile開發領域進行調研,並已經着手開始準備一款OperaMasks-Mobile的產品,敬請期待。

是否支持自定義主題或組件樣式? 


OperaMasks-UI繼承了jQuery的良好皮膚和樣式機制,能充分滿足用戶自定義主題和樣式的需求,但需要您擁有一位優秀的UED。O(∩_∩)O 

OperaMasks-UI內置了兩套皮膚,同時在未來的產品發展中,我們還將不斷的貢獻更多,更優秀的主題皮膚樣式。

OperaMasks-UI採用的開源協議,商用有何限制? 


秉承OperaMasks SDK產品的開源策略,OperaMasks-UI仍舊採用的開源協議爲LGPL,這是一種對商業非常友好的協議。其可以被商業軟件作爲類庫引用併發布和銷售使用。

有沒有統計過OperaMaks-UI目前的使用情況? 


目前OperaMasks-UI的客戶羣主要分爲兩大部分,一大部分爲一直採用OperaMasks產品作爲Web開發方案的企業客戶,一大部分爲開源社區中的用戶。 

其中企業客戶截止目前已經超過160家,他們均使用其作爲其企業應用前端開發框架。而開源社區中的用戶,目前OperaMasks-UI的產品累計下載量已經超過7萬次,據不完全統計的使用用戶超過2300位。

介紹一下開發團隊成員? 


OperaMasks-UI的開發團隊由原班OperaMasks SDK開發團隊組成,這些開發人員均具有多年的豐富開發經驗。核心成員包括: 

羅帆:現任職金蝶中間件平臺部經理,有着多年的平臺架構和團隊管理經驗。 



李聰平:現任職金蝶中間件項目經理,有着豐富的前端開發經驗,是團隊中當之無愧的前端王者! 



周發志:現任職金蝶中間件架構師,有着豐富的web開發和架構經驗,善於解決各種疑難雜症,這就是社區著名的“M版”。 



林曉民:現任職金蝶中間件架構師,對JavaScript/HTML5和Web技術有深入的研究,目前專注於移動開發。 



陳天真:現任職金蝶中間件前端工程師,擅長前端和移動開發,目前專注於移動方向探索。 



王璠:現任職金蝶中間件前端工程師,omTree作者,有着豐富的項目經驗。目前專注於移動互聯。 




陳海宇:現任職騰訊前端工程師,擅長前端開發,對JavaScript/HTML5有獨特的見解。 

張旭:現任職阿里核心架構師,對系統架構有非常豐富的經驗,擅長海量數據,分佈式系統架構和優化,外號“天才”。 



其他開發者如何參與貢獻? 


目前OperaMasks-UI產品主要的貢獻者還是OperaMasks-UI產品團隊及企業合作伙伴,針對其他開源貢獻者,我們持有社區認證的原則,當開發者在社區內做出貢獻時,我們會主動評估並主動聯繫開發者,邀請其成爲我們的貢獻者之一。 


同時我們團隊也正在考慮未來採用GitHub這樣的平臺,獲得更多的社會化協作支持,吸引更多優化的前端開發人員關注OperaMasks-UI項目。

OperaMasks-UI未來的發展計劃? 


目前OperaMasks-UI團隊正在持續的投入產品研發中,目前已經針對企業客戶推出了OperaMasks-Chart產品(因受限第三方License,只提供給企業用戶開放),近期,我們已經啓動OperaMasks-Mobile產品的整體規劃,希望能在移動開發領域提供更多的框架方案,也希望在未來,更多的開發者,貢獻者都能關注到OperaMasks-UI,關注OperaMasks團隊,這個專注在開源領域,堅持前行4年多的產品團隊。


發佈了90 篇原創文章 · 獲贊 16 · 訪問量 67萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章