[计算机软件及应用]OperaMasks-UI介绍.docVIP

OperaMasks-UI 开发指南 1. Operamasks-UI简介1.1. OM-UI简介 1.2. jQuery用法简介 1.2.1. jQuery简介 1.2.2. jQuery写法的特色 1.3. OM-UI入门实例 1.3.1. 下载组件库 1.3.2. 发布包文件结构 1.3.3. 搭建环境 2. OperaMasks-UI组件 3. 组件的动态更新 3.1. 组件动态更新的两种方式 3.2. 轻量更新 3.3. 组件重画 3.4. 两种更新方式的比较 4. 组件国际化 4.1. 原理 4.2. 实现国际化 5. OM-UI继承体系，OMWidget基类介绍 5.1. OM-UI继承方式 5.2. OMWidget基类介绍 5.2.1. 组件的创建步骤 5.2.2. 事件的统一触发 5.2.3. 组件的销毁 5.2.4. 组件的属性动态改变 5.2.5. 配置的统一获取 6. om-core.js 方法介绍 6.1. 对JQuery fn的命名空间的扩展 6.2. 自定义的选择器 7. 自定义组件示例 8. 组件主题皮肤，如何自定制组件样式 8.1. OM-UI对主题的支持 8.2. 修改组件样式 8.3. 自定义主题 第1章 Operamasks-UI简介 1.1. OM-UI简介 1.2. jQuery用法简介 1.2.1. jQuery简介 1.2.2. jQuery写法的特色 1.3. OM-UI入门实例 1.3.1. 下载组件库 1.3.2. 发布包文件结构 1.3.3. 搭建环境 1.1. OM-UI简介 OM-UI是一个基于jQuery的前端组件库。它提供了丰富的组件，包括各种表单组件、布局组件、功能性组件等。它旨在帮助用户快速构建企业应用。它是简单易用的，并配有丰富的文档、示例和详实的开发手册。最重要的一点，它还是国内罕有的前端开源组件库。 第1章 Operamasks-UI简介 1.1. OM-UI简介 1.2. jQuery用法简介 1.2.1. jQuery简介 1.2.2. jQuery写法的特色 1.3. OM-UI入门实例 1.3.1. 下载组件库 1.3.2. 发布包文件结构 1.3.3. 搭建环境 1.1. OM-UI简介 OM-UI是一个基于jQuery的前端组件库。它提供了丰富的组件，包括各种表单组件、布局组件、功能性组件等。它旨在帮助用户快速构建企业应用。它是简单易用的，并配有丰富的文档、示例和详实的开发手册。最重要的一点，它还是国内罕有的前端开源组件库。 1.2. jQuery用法简介 1.2.1. jQuery简介 jQuery是一个优秀的轻量级javascript框架，能够兼容所有主流的浏览器，它在节点选择器、事件、动画、样式操作、AJAX等方面都有很深的造诣。最吸引人的还是它非常容易上手，扩展也很简单。它拥有非常之多的用户，同时涌现出了各种各样的插件。 1.2.2. jQuery写法的特色 $符号 “$”符号是jQuery的一个速写法，可以用它来选择页面上的dom元素，举个示例，有如下代码: div id=menu ul li配置管理/li li人员管理/li li权限管理/li /ul ul li我的审批/li li我的待办/li li我的已办/li /ul /div 现在想要选择第二个ul 节点，用jQuery来写的话，非常的简单, $(“#menu ul:last”) 这一句代表的便是第二个ul节点了，然后想要再进行额外的操作，比如，添加一个样式的话，只要 $(“#menu ul:last”).addClass(“your class”); 这样一句就可以了。 jQuery的链式操作 很多时候要对页面上的很多节点同时进行操作，比如添加样式，设置背景等等，而jQuery的链式操作在这里起到了非常便利的效果。且看如下例子: table id=hero tr th姓名/th th自我介绍/th /tr tr td class=smaller张飞/td td我力气就是大，不信咱们来掰手腕!/td /tr tr td诸葛亮/td td我算命很厉害的，瞧，你面带红润，该走桃花运啦，别忘了分点喜糖!/td /tr tr td曹操/td td我百万雄师为何连一个小小赤壁都过不了，难道老天也跟老夫作对!/td /tr /table 现在想达到这样的目的：把“张飞