前端 UI 库 OperaMasks–UI 开发团队专访

时间:2022-04-27 09:28:30
OperaMasks-UI是一款基于jQuery并提供丰富组件的前端UI库,拥有丰富的业务组件、强大的扩展能力、高度的可靠性,满足大部分业务场景需求,带给你便捷的前端开发新体验。 

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

本期我们采访了OperaMasks-UI的开发团队,请他们详细介绍一下这个优秀的前端UI库。 

欢迎大家推荐更多开源项目给我们,支持中国的开源项目发展,如果您和您的团队希望展示创业理念和有趣之处,或者有朋友正在创造这样的价值,请联系我们,发信到blog@csdn.com即可。


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开发团队组成,这些开发人员均具有多年的丰富开发经验。核心成员包括: 

罗帆:现任职金蝶中间件平台部经理,有着多年的平台架构和团队管理经验。 


前端 UI 库 OperaMasks–UI 开发团队专访

李聪平:现任职金蝶中间件项目经理,有着丰富的前端开发经验,是团队中当之无愧的前端王者! 


前端 UI 库 OperaMasks–UI 开发团队专访

周发志:现任职金蝶中间件架构师,有着丰富的web开发和架构经验,善于解决各种疑难杂症,这就是社区著名的“M版”。 


前端 UI 库 OperaMasks–UI 开发团队专访

林晓民:现任职金蝶中间件架构师,对JavaScript/HTML5和Web技术有深入的研究,目前专注于移动开发。 


前端 UI 库 OperaMasks–UI 开发团队专访

陈天真:现任职金蝶中间件前端工程师,擅长前端和移动开发,目前专注于移动方向探索。 


前端 UI 库 OperaMasks–UI 开发团队专访

王璠:现任职金蝶中间件前端工程师,omTree作者,有着丰富的项目经验。目前专注于移动互联。 


前端 UI 库 OperaMasks–UI 开发团队专访

陈海宇:现任职腾讯前端工程师,擅长前端开发,对JavaScript/HTML5有独特的见解。 
前端 UI 库 OperaMasks–UI 开发团队专访

张旭:现任职阿里核心架构师,对系统架构有非常丰富的经验,擅长海量数据,分布式系统架构和优化,外号“天才”。 


前端 UI 库 OperaMasks–UI 开发团队专访

其他开发者如何参与贡献? 


目前OperaMasks-UI产品主要的贡献者还是OperaMasks-UI产品团队及企业合作伙伴,针对其他开源贡献者,我们持有社区认证的原则,当开发者在社区内做出贡献时,我们会主动评估并主动联系开发者,邀请其成为我们的贡献者之一。 


同时我们团队也正在考虑未来采用GitHub这样的平台,获得更多的社会化协作支持,吸引更多优化的前端开发人员关注OperaMasks-UI项目。

OperaMasks-UI未来的发展计划? 


目前OperaMasks-UI团队正在持续的投入产品研发中,目前已经针对企业客户推出了OperaMasks-Chart产品(因受限第三方License,只提供给企业用户开放),近期,我们已经启动OperaMasks-Mobile产品的整体规划,希望能在移动开发领域提供更多的框架方案,也希望在未来,更多的开发者,贡献者都能关注到OperaMasks-UI,关注OperaMasks团队,这个专注在开源领域,坚持前行4年多的产品团队。