解析jQuery Widget編寫竅門
jQuery Widget編寫竅門死本文要介紹的內(nèi)容，主要是來了解并學(xué)習(xí)jQuery Widget編程技巧，來看具體內(nèi)容的實(shí)現(xiàn)。
在編寫widget的時(shí)候，一般我們需要綁定一些事件，***將這些widget的綁定事件加上當(dāng)前widget的命名空間。如果同一個(gè)jQuery對(duì)象，使用了兩個(gè)widget，而兩個(gè)widget都綁定了相同的事件名稱，可能會(huì)出現(xiàn)問題。在銷毀widget的時(shí)候，去除綁定事件也很方便，只需要unbind（”.namespace“）就可以了。
在寫jQuery的時(shí)候，因?yàn)閖Query對(duì)象是支持連寫的。譬如：$(obj).css("height","20px").attr("title","abc")....
在編寫的時(shí)候可以利用javascript的原生方法來避免switch。
- switch(a)
- {
- case "aa":
- this._set_aa();
- break;
- case "bb":
- this._set_bb();
- break;
- case "cc"
- this._set_cc();
- break;
- }
上面的代碼可以用下面的代碼替換
- this["_set_"+a]();
盡量緩存jQuery對(duì)象，和各種變量。這樣可以提高腳本的性能
采用變量緩存this指針，在最小化代碼的時(shí)候this可以被最小化掉。
***將css類名取一致的名稱，然后定義變量保存起來。在使用的時(shí)候直接采用變量，這樣就算css名稱有調(diào)整，只需要改變變量緩存的值即可。同時(shí)代碼在最小化的時(shí)候也能減小體積。
setOption的時(shí)候，如果一個(gè)option是復(fù)雜對(duì)象，而不是簡單的值對(duì)象，***不要簡單的this.options[key]=value.而在這之前需要將value和以前的option的值做一個(gè)extend，然后在賦值，這樣可以保留復(fù)雜對(duì)象原有的部分值。比如：
- var a = {width:120,height:200};
- var c={width:200};
- a=c;
- a=$.extend(a,c);
其結(jié)果是***個(gè)a將是{width:20},會(huì)丟失掉height：200；而下面的那個(gè)將繼續(xù)保留原始的height:200。
小結(jié)：解析jQuery Widget編寫竅門的內(nèi)容介紹完了，希望通過jQuery Widget應(yīng)用能對(duì)你有所幫助！
