JavaScript调色板
天气渐渐的冷了起来,冷到只打哆嗦,手插到口袋里不想出来,从未感觉广州也这么冷过,真是不想动啊。最近工作也比较忙,自己要负责一个项目,所以博客更新就没有像以前那样频繁了。
昨天设计部一同事问我要一个js取色板的功能,自己去做的话一时半会是不可能做好的,趁今天来公司比较早,就把Google大神搬出来帮他找了一下,刚开始找了几个兼容性都不是很好,而自己试着去改发现很麻烦,后台CSDN上有一个取色板的资源,不惜扣除了我2积分下载了这个资源,不过后来觉得这个js调色板着实好用,固出此文。
下载来看了它的Demo,页面很美观精致,功能也足够强大,有多种初始化调用方式。自己也写过几个简单的JavaScript类库,正好对比总结下。
1.定义一个全局的静态类或函数。
一个JavaScript类库,首先需要一个全局的静态类或活动函数,当然还可以定义更多的属性或函数,但最好都是定义在这个全局类下,而不要每一个方法或属性全部定义在window作用域下,这样会显得散乱无主次之分,至于什么时候用静态类时候用活动函数就要看具体实现的功能,一般来说页面会存在多份实例就需要使用prototype活动函数,据说这样调用性能更好,但去new创建一个对象无法保存一份全局的静态内容,所以还是使用静态类,而且不需要new直接用对象.属性或方式访问,我觉得全局内它只会存在一份实例。当然我们还可是在静态类里包含活动函数,这样组合使用我还没有试过。
2.调用接口传参数。
API在调用的时候尽量能一步到位,需从使用者位置去考虑调用的方便性,如果有多个参数,并为可选的话应该考虑合并成一个静态类对象参数,即是{}包括的JSON对象,类库内先定义一套静态类参数的默认属性,for判断当参数内无此属性时候读取默认值,例如传递{ url : 'http://www.jonllen.com/' }对象for默认参数对象{ url : undefined, type : 'get'}比较后即为{ url : 'http://www.jonllen.com/', type : 'get'},由于传递过来的参数对象中type属性不存在则读取默认值get,这样在调用的时候就更灵活。
今天就先写到这里吧,手露在外面打键盘实在是冷啊~感谢http://www.dhtmlx.com提供的JavaScript调色板。