前端Js组件库OperaMasks-UI使用经验介绍

痛定思痛。 2022-06-10 11:48 273阅读 0赞

OperaMasks-UI是[OperaMasks][]团队在2011下半年打造的一款轻量级前端JS组件库，旨在提供一款学习曲线低、定制性灵活、样式统一，且多浏览器支持、覆盖企业业务场景的前端JavaScript UI组件库。[http://ui.operamasks.org/website/homepage.html][http_ui.operamasks.org_website_homepage.html]中有许多文档和示例，可以参考学习。下面谈谈我的使用经验。

首先，eclipse建立的工程中引入OperaMasks-UI依赖的资源，如下

![1341981556_8379.JPG][]

其中，引入的css目录中有om-defalut.css、图片images目录下各种图片；js目录中有operamasks-ui.min.js、jquery.min.js（这里可以用项目中使用的jquery版本来替换），这些都是OperaMasks-UI所依赖的，依赖的资源很少，非常轻量级。

下面看看jsp页面的相关引入代码

<table> 
 <tbody> 
  <tr> 
   <td> <p>....</p> <p>&lt;link rel="stylesheet" type="text/css" href="../css/default/om-default.css"&gt;<br> &lt;title&gt;xxx&lt;/title&gt;<br> &lt;script type="text/javascript" src="../js/jquery.min.js"&gt;&lt;/script&gt;<br> &lt;script src="../js/operamasks-ui.min.js"&gt;&lt;/script&gt;</p> <p>...</p> </td> 
  </tr> 
 </tbody> 
</table>

[OperaMasks]: http://www.oschina.net/p/operamasks
[http_ui.operamasks.org_website_homepage.html]: http://ui.operamasks.org/website/homepage.html
[1341981556_8379.JPG]: https://img-my.csdn.net/uploads/201207/11/1341981556_8379.JPG

发表评论取消回复

表情：

评论列表（有 0 条评论，273人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue-——UI组件库使用

目录一、常用组件库 1.移动端常用UI组件库 2.PC端常用UI组件库二、以Element UI （饿了么为例）三、Element-UI 按需引入（关心引入组

本是古典何须时尚/ 2024年04月06日 12:04/ 0 赞/ 90 阅读

相关 ColorUI-UniApp组件库使用笔记

uniapp里面的一个UI组件库 https://ext.dcloud.net.cn/plugin?id=239 这是一款适应于H5、微信小程序、安卓、ios、支付宝的高

心已赠人/ 2023年02月13日 11:18/ 0 赞/ 14 阅读

相关 uni-ui 组件库的基本介绍与使用

uni-ui 是什么？ uni-ui是 DCloud 提供的一个跨端 ui 库，它是基于 vue 组件的、flex布局、无dom的跨全端 ui 框架 uni-ui 不包

柔光的暖阳◎/ 2022年11月27日 03:07/ 0 赞/ 312 阅读

相关 Vue.js高效前端开发 • 【Vue组件】

[全部章节 >>>>][Link 1] -------------------- 文章目录一、Vue组件介绍 1、组件概述 2、组件

你的名字/ 2022年10月11日 01:15/ 0 赞/ 219 阅读

相关 reactUI组件库

reactUI组件库（Ant） 1.1安装 yarn add antd npm install antd-mobile --save//web端使用

妖狐艹你老母/ 2022年09月11日 12:27/ 0 赞/ 180 阅读

相关 JS组件系列——Bootstrap 树控件使用经验分享

前言：很多时候我们在项目中需要用到树，有些树仅仅是展示层级关系，有些树是为了展示和编辑层级关系，还有些树是为了选中项然后其他地方调用选中项。不管怎么样，树控件都是很多项目里面不

古城微笑少年丶/ 2022年07月13日 02:50/ 0 赞/ 216 阅读

相关前端Js组件库OperaMasks-UI使用经验介绍

OperaMasks-UI是[OperaMasks][]团队在2011下半年打造的一款轻量级前端JS组件库，旨在提供一款学习曲线低、定制性灵活、样式统一，且

痛定思痛。/ 2022年06月10日 11:48/ 0 赞/ 274 阅读

相关前端插件之原生js写range组件

效果图：![20170903173542777][] 我们先写一个range组件：<input type="range" max="12" min="0" value="6"

曾经终败给现在/ 2022年06月09日 10:21/ 0 赞/ 384 阅读

相关 Angular前端项目(使用ng-zorro组件库)

分享一个最近在做的一个前端项目，前端选型Angular，组件库选择的是ng-zorro(官网：[http://ng.ant.design/docs/introdu

女爷i/ 2022年05月12日 09:46/ 0 赞/ 770 阅读

相关 uniapp——uni-ui组件库的基本介绍和使用

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

我不是女神ヾ/ 2021年07月25日 22:32/ 0 赞/ 567 阅读