OperaMasks-UI,基于jQuery的轻量级前端组件
fmms
13年前
OperaMasks-UI是OperaMasks团队 2011下半年打造的一款轻量级前端JS组件库,旨在提供一款学习曲线低、定制性灵活、样式统一,且多浏览器支持、覆盖企业业务场景的前端JavaScript UI组件库。目前,该团队已将这一产品以LGPL 开源协议开放给社区。 <br /> <img title="OperaMasks-UI,基于jQuery的轻量级前端组件" border="0" alt="OperaMasks-UI,基于jQuery的轻量级前端组件" src="https://simg.open-open.com/show/8914997b3ea5e9706412d1ea74effb96.png" width="261" height="68" /> <br /> <strong>OperaMasks-UI的产品特性:</strong> <br /> <br /> <ul> <li>基于jQuery体系的前端组件库,提供给用户最熟悉的使用方式。</li> <li>满足企业应用开发所需。目前已提供20+个UI组件,基本覆盖企业应用中的常见的数据展现(树/表格)、表单录入(Form组件)、数据校验(validator)、表单提交(ajaxSubmit)、信息提示(window类)。同时结合部分业界知名框架提供了部分互联网特性的组件,例如slider、suggetion等。</li> <li>可单组件独立发布和使用。如果你被OperaMasks-UI的某个组件吸引,那么单独使用它吧,OperaMasks-UI原生支持单组件使用,只需引入对应的JS即可,如此简单!</li> <li>统一的皮肤样式,并内置了多套皮肤风格样式。</li> <li>多浏览器兼容性支持。原生支持IE6(但不建议)、IE7/8/9、Firefox、Chrome,让你免却调试浏览器兼容性的痛苦。</li> <li>丰富的单元测试,全面采用Qunit测试,所有组件均有详实的单元和场景测试案例,确保组件的质量。</li> <li>足够精简。min版本(压缩后)的版本只有208K,使用起来,没有负担。</li> </ul> OperaMasks-UI是开源免费的,采用对商业完全友好的LGPL协议。其可以被商业软件作为类库引用并发布和销售使用。 <br /> <br /> <strong>产品主页:</strong> <a href="/misc/goto?guid=4959517609403015026" target="_blank">http://ui.operamasks.org/</a> <br /> <strong>下载地址:</strong> <a href="/misc/goto?guid=4958333966076552126" target="_blank">http://ui.operamasks.org/website/download.html</a> <br /> <strong>Demo:</strong> <a href="/misc/goto?guid=4958339512587077768" target="_blank">http://ui.operamasks.org/website/demos.html</a> <br /> <strong>OperaMasks-UI的前世今生:</strong> <a href="/misc/goto?guid=4959517609688678764" target="_blank">http://www.operamasks.org/blog/?p=18</a>(感兴趣的可阅) <br /> <br /> <strong>截图</strong> <br /> <br /> <div style="text-align:center;"> <img title="基于jQuery的轻量级前端组件,OperaMasks-UI" border="0" alt="基于jQuery的轻量级前端组件,OperaMasks-UI" src="https://simg.open-open.com/show/8c53375e79480739978285b006091104.png" width="480" height="255" /> <br /> <br /> <img title="OperaMasks-UI,基于jQuery的轻量级前端组件" border="0" alt="OperaMasks-UI,基于jQuery的轻量级前端组件" src="https://simg.open-open.com/show/8dc5807f9c78c025fbd5707d9957a48a.png" width="480" height="257" /> </div>