解析jQuery Widget编写窍门

移动开发
jQuery Widget编写窍门死本文要介绍的内容,主要是来了解并学习jQuery Widget编程技巧,来看具体内容的实现。

jQuery Widget编写窍门死本文要介绍的内容,主要是来了解并学习jQuery Widget编程技巧,来看具体内容的实现。
 
在编写widget的时候,一般我们需要绑定一些事件,***将这些widget的绑定事件加上当前widget的命名空间。如果同一个jQuery对象,使用了两个widget,而两个widget都绑定了相同的事件名称,可能会出现问题。在销毁widget的时候,去除绑定事件也很方便,只需要unbind(”.namespace“)就可以了。

在写jQuery的时候,因为jQuery对象是支持连写的。譬如:$(obj).css("height","20px").attr("title","abc")....

在编写的时候可以利用javascript的原生方法来避免switch。

  1. switch(a)  
  2. {  
  3.   case "aa":  
  4.     this._set_aa();  
  5.     break;  
  6.   case "bb":  
  7.     this._set_bb();  
  8.     break;  
  9.   case "cc"  
  10.     this._set_cc();  
  11.     break;  

上面的代码可以用下面的代码替换

  1. this["_set_"+a](); 

尽量缓存jQuery对象,和各种变量。这样可以提高脚本的性能

采用变量缓存this指针,在最小化代码的时候this可以被最小化掉。

***将css类名取一致的名称,然后定义变量保存起来。在使用的时候直接采用变量,这样就算css名称有调整,只需要改变变量缓存的值即可。同时代码在最小化的时候也能减小体积。

setOption的时候,如果一个option是复杂对象,而不是简单的值对象,***不要简单的this.options[key]=value.而在这之前需要将value和以前的option的值做一个extend,然后在赋值,这样可以保留复杂对象原有的部分值。比如:

  1. var a = {width:120,height:200};  
  2. var c={width:200};  
  3. a=c;  
  4. a=$.extend(a,c); 

其结果是***个a将是{width:20},会丢失掉height:200;而下面的那个将继续保留原始的height:200。

小结:解析jQuery Widget编写窍门的内容介绍完了,希望通过jQuery Widget应用能对你有所帮助!

责任编辑:zhaolei 来源: 博客园
相关推荐

2011-09-09 17:59:26

QT Widget

2011-09-08 16:17:45

Widget

2011-09-07 14:01:41

Android Wid实例

2011-09-09 10:00:20

Android Wid开发

2011-09-09 19:23:52

Widget

2011-09-09 13:23:17

Widget

2011-09-07 17:54:40

Android Wid开发

2011-09-07 14:39:47

Android Wid设计

2011-09-08 15:40:45

Android Wid组件

2011-09-07 14:25:53

Android Wid设计

2010-04-23 11:21:05

Widget开发

2011-09-07 13:30:48

Android WidTabWidget

2011-09-09 19:39:57

GTK Widget

2011-09-08 16:07:13

Widget配置文件

2011-09-08 16:28:02

Widget

2011-09-07 14:34:55

Android Wid控件

2020-06-23 07:48:18

Python开发技术

2010-07-13 09:08:27

Widget开发

2011-09-08 11:43:32

GTK Widget

2011-09-07 14:20:42

Android Wid组件
点赞
收藏

51CTO技术栈公众号