mootools框架【九】-工具类Hash和Color

深碍√TFBOYSˉ_ 2022-04-01 12:31 120阅读 0赞

**mootools【九】- 工具类Hash和Color**

说明: Hash数据结构，我们通常用来存放键值对。在javascript中，没有规范的Hash的实现，一般，我们都会通过包装对象来模拟实现这样的Hash,来实现规范化的Hash对象操作。

另外，颜色代码的操作在做UI的时候很频繁，尤其是要做十分绚丽的效果的时候，需要对颜色代码做很多的计算，mootools在这个方面做了比较多的工作，通过对String,Array的扩展，以及提供的Color类，我们随时可以对颜色数据进行转换和计算。

1. 类： Hash

构造方法 - 传入一个包含键值对的object

方法：

get：按键取值

hasKey：判断是否有指定的键

set：把键值对存放入Hash

remove：删除指定键的键值对

each：用法和Array的each相似，每个键值对的通过each中指定的函数

的第一个参数(值)和第二个参数(键)传入。

extend：把一个包含键值对的对象合并到当前Hash中，相同键的值将被新的值覆盖。

empty：这个方法的功能在mootools1.0和1.1dev版本中是完全不一样的，

1.0中是判断Hash中是否已经没有键值对，而在1.1dev中是清空Hash中的所有键值对，请注意区别。

keys：获取Hash中的所有键

values：获取Hash中的所有值

例子：

var hash = new Hash(\{

one: 1,

two: 2,

three: 3

\});

var one = hash.get('one');

var hk = hash.hasKey('three');

hash.set('four',4);

hash.each(function(v,k)\{

alert(k+'-'+v);

\});

另：

创建Hash的快捷方法：

$H

$H(\{a:1,b:2\})

2. 类：Color

作用：颜色对象，包含了很多颜色管理方法。

构造方法参数：

color：代表颜色的代码，可以是十六进制代码，代表RGB或HSB代码的

数组

type：可选，用于明确指定代码的类型，有rgb,hsb,hex。当你要创建hsb代码或hex数组形式代码的时候，需要明确指定。

var black = new Color('\#000');

var purple = new Color(\[255,0,255\]);

方法：

mix：把两种或更多的颜色和当前颜色混合

参数：

参数个数不定，可以把多个颜色代码混合，当最后一个参数是一个数字的时候，这个数字被用作每次混合时取新颜色的百分量。

var darkpurple = black.mix('\#fff', purple, 10);

$('myDiv').setStyle('background-color', darkpurple);

invert：取当前颜色的反色

var c = new Color('\#FF9900').invert();

$('myDiv').setStyle('background-color',c);

setHue：设置颜色的色相

var c = new Color('\#FF9900').setHue(10);

$('myDiv').setStyle('background-color',c);

setSaturation：设置色饱和度

var c = new Color('\#FF9900').setSaturation(50);

$('myDiv').setStyle('background-color',c);

setBrightness：设置色彩亮度

var c = new Color('\#FF9900').setBrightness(10);

$('myDiv').setStyle('background-color',c);

另：

创建Color的两个快捷工具方法：

$RGB(r, g, b) - 建立RGB模式的Color

$HSB(h, s, b) - 建立HSB模式的Color

如果加载了Color.js，那么Array还会被扩展两个方法：

rgbToHsb - 当前数组前三个元素将被作为rgb值,转换为hsb值代表的数组

hsbToRgb - 和rgbToHsb 相反的功能

发表评论取消回复

表情：

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

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

相关阅读

相关第九章日期工具类使用

1、时间戳概念时间戳是指格林威治时间 1970 年 01 月 01 日 00 时 00 分 00 秒 ( 北京时间 1970 年 01 月 01 日 08 时 00

蔚落/ 2024年03月16日 17:14/ 0 赞/ 18 阅读

相关 mootools_MooTools，Dojo和jQuery的事件委托

mootools I've covered the ins and outs of [event delegation][] within JavaScript a few

妖狐艹你老母/ 2023年02月21日 16:21/ 0 赞/ 267 阅读

相关 mootools_MooTools或jQuery的性感不透明动画

mootools ![jQuery MooTools Opacity Animation][] A big part of the sexiness that is App

àì夳堔傛蜴生んèń/ 2023年02月21日 15:30/ 0 赞/ 55 阅读

相关 mootools_jQuery和MooTools的图像反射

mootools [![Christina Ricci][]][Christina Ricci 1] One subtle detail that can make a b

た入场券/ 2023年02月21日 15:30/ 0 赞/ 102 阅读

相关框架工具类使用

1：List转数组 1.1：工具类 `org.springframework.util.StringUtils`。 1.2：使用实例 private

小咪咪/ 2022年10月25日 04:59/ 0 赞/ 150 阅读

相关 Android Paint和Color类

1.Android Paint和Color类要绘图，首先得调整画笔，待画笔调整好之后，再将图像绘制到画布上，这样才可以显示在手机屏幕上。Android 中的画笔是 Pai

喜欢ヅ旅行/ 2022年08月18日 12:29/ 0 赞/ 123 阅读

相关 Collections集合框架工具类

这儿使用了集合框架工具类 Collections的 reverSeOdrder() 及重载方法，一个是实现排序，一个是排序的反转，这样只需要写一个比较器就具有二个功能，而不需要

迈不过友情╰/ 2022年06月17日 02:46/ 0 赞/ 271 阅读

相关 mootools框架【九】-工具类Hash和Color

mootools【九】- 工具类Hash和Color 说明: Hash数据结构，我们通常用来存放键值对。在javascript中，没有规范的Hash的实现，一般，我们都会通

深碍√TFBOYSˉ_/ 2022年04月01日 12:31/ 0 赞/ 121 阅读

相关 Pygame详解（一）：Color类

class pygame.Color Pygame 中用于描述颜色的对象。 Color(name) -> Color Color(r, g, b, a) -> Col

ゝ一纸荒年。/ 2022年03月30日 11:24/ 0 赞/ 332 阅读

相关 Mybatis框架-02：抽取工具类

第一步：新建一个utils包并在里面创建一个自己的工具类如下代码，就是我们的工具类，因为创建工厂只需要创建一次就行，所以放在静态代码块儿中。下次使用只需调用open

Love The Way You Lie/ 2022年02月03日 07:06/ 0 赞/ 169 阅读