Javascriptµ¥Àýģʽ
ExtJS Éè¼ÆÄ£Ê½ Ö®Ò» £¨µ¥Àý£©
Extjs ·¢Õ¹ÖÁ½ñ£¬´«³ÐÁËYUIµÄΰ´ó¾«Ë裬 YUIµÃµ½ÁËDouglas Crockford£¨ÈÎÖ°ÓÚ Yahoo! µÄÒ»Ãû JavaScript ´«µÀÕߺͼܹ¹Ê¦£¬ËûÊÇÈ«Çò×îÓÐÔìÒèµÄ JavaScript ÓïÑÔר¼ÒÖ®Ò»£¬Blog£ºhttp://www.crockford.com/) ´óʦµÄÔÞͬ,¶øExtJSÒ²Êǽ«YUIµÄģʽ½Å±¾±à³ÌѧϰʹÓõÄÁÜÀ쾡Ö£¬²¢ÇÒ»¹¸øËü×öÁ˼¸Ì×»ªÀöµÄCSS¼ÞÒÂ…., ¶øÔÚExtJSÔ½·¢Ò«ÑÛµÄͬʱ£¬ÎҵȳõѧÕßÔÚʹÓÃExtJsµÄʱºòÒ²ÊÇÔκôÆäºô¡££¨ºÃÔÚ2.0 ÍÆ³öÖ®ºó£¬¹Ù·½µÄÎĵµ£¬ÏñÓêºó´ºËñÒ»Ñù£¬¿ªÊ¼¸²¸Çµ½·½·½ÃæÃæ¡££©
Æäʵ£¬²¦¿ªExtJS»ªÀöµÄÍâÒ£¬·ÔÄÆäÌåÄÚ¾«ÖµĴúÂ룬²»ÄÑ·¢ÏÖһЩÎÒÃǶúÊìÄÜÏêµÄÉè¼ÆÄ£Ê½¡£
ÔÚÔçÆÚ1.0£¬1.1µÄºÃ¶àÀý×ÓÖУ¬ÎÒÃǻῴµ½ÕâÑù·ç¸ñµÄ´úÂë¡£
var Oo= function(){
var x;
var y;
return{
a:function(){
...
},
b:function(){
...
}
}
}();
ßÆÒ»¿´£¬²»ÊÇÎÒÃÇÄÜÀí½âµÄ·½Ê½£¬ function(){}(), ÊǺÎÒ⣿¡£
//()ÔÚÕâÀÒâζ×Å·½·¨ÒѾִÐУ¬²¢ÇÒreturnÀïÃæµÄÒѾ²úÉú£¬ ÕâÑù¿ÉÄܺÜÄÑÀí½â£¬ÄǵÈͬÓëÖ´ÐÐ function oo(){}£¬ÕâÑùÊÇ·ñºÃÀí½âЩÁË£¿
BTW :ÕâÀïÒªÒýÈëJavaScriptµÄÒ»¸ö¸ß¼¶¸ÅÄ“±Õ°ü”¡£(¾ßÌåÄÚÈݲο¼¡¶JavaScript The Definitve Guid,5th Eddion¡·Section 8.8 –Function Scope and Closures ,Ò²ÊDZ»Douglas CrockfordÍÆ¼öµÄΪÊý²»¶àµÄÁ½±¾Êé¼®Ö®Ò»¡£), µ±È»²»¼±×ÅÈ¥·£¬ÏȰÑÎҵķϻ°¿´Íê¡£
ºÃÁË£¬¿´ÕâÖÖʹÓñðŤµÄʹÓ÷½Ê½£¬ ¶øÕâÖÖ·½Ê½£¬ÔÚÎÒÃǵÄÒ³Ãæ£¬»òÕ߯äËûÀàÖУ¬ µ÷ÓÃOoµÄa·½·¨µÄʱºò£¬ÐÎʽÈçÏÂ
Ext.onReady(Oo.a); ¶Ô£¬ÕýÊÇÕâÑùµÄÒ»ÖÖJS±à³Ì·½Ê½£¬±»Douglas Crockford×÷ΪJSµÄÒ»ÖÖµ¥ÀýµÄʵÏÖ£¬ ´óʦ»¹°ÑËü½Ð×ö“Module Pattern”,
ºÃ£¬Èç¹ûÎÒÃDz»ÓÃËùνµ¥ÀýÄØ£¿£¬ ¾Í¿´¿´´«Í³µÄ¶ÔÏó·½Ê½£¬Í¬Ñ§Ãǿ϶¨ÔÚPototypeÊ¢ÐеÄʱ´ú£¬ÒѾŪµÄÒ»Çå¶þ³þ¡£
0o = function(){
this.x;
this.y;
}
Oo.prototype = {
a:function(){
this.x = 100;
},
b:function(){
this.y = 200;
}
}
//µ÷Ó÷½Ê½
Ext.onReady(function(){
var o = new Oo();
0.a();
});
ÔÙÀ´£¬¼ÙʹÊǸö³õѧ
Ïà¹ØÎĵµ£º
JavascriptµÄʼþ°ó¶¨Ö÷ÒªÓÐËÄÖÖ·½·¨£¨Ò»ÏÂÔÚIEÖÐÔËÐÐÕý³££¬µ«²»±£Ö¤ÆäËûä¯ÀÀÆ÷£©£º
[×¢£ºonXXXΪijһʼþ£¬funΪijһfunction£¬domIdΪijһDOM¶ÔÏóid£¬eventÀàÐͼûºó±ß¸½Â¼¡£]
1¡¢ÔÚDOMÖУ¬Ö±½ÓÓÃonXXX="fun();"½øÐаó¶¨
2¡¢ÔÚJavascript´úÂëÖÐÓà DOM¶ÔÏó.onXXX=fun ½øÐаó¶¨
3¡¢ÓÃ DOM¶ÔÏó.attach ......
Ò»¡¢¸ÅÊö
Marquee£ºHtmlÖйöÆÁ¿Ø¼þ£¬¿ÉÒÔʹ°üº¬Ôڴ˱ê¼ÇÖеÄÄÚÈݽøÐи÷¸ö·½Ïò£¬¸÷ÖÖËٶȵĹö¶¯£¬Òò´ËÔÚ²»¿¼ÂÇʹÓõÚÈý·½¿Ø¼þµÄǰÌáÏ£¬¿¼ÂÇʹÓÃMarquee+xmlhttpÀ´ÊµÏÖ¶¨´Î¸üÐÂÒ³ÃæÖеĹö¶¯ÄÚÈÝ£¬´ËʵÏÖÔÚIE6.0¼°ÒÔÉϰ汾²âÊÔͨ¹ý£¬ÆäËûä¯ÀÀÆ÷ÔÝʱδ²âÊÔ¹ý¡£
MarqueeÖеÄonfinishʼþ£ºÔÚ¸øMarqueeÊôÐÔloop¸ ......
1¡¢function vv()
{
if(event.button==2)
{
alert('·ÀÖ¹·þÎñÆ÷¸ºµ£¹ý´ó£¬ÓÒ¼ü¹¦Äܱ»ÆÁ±Î£¡')
......
ÐèÇó£ºÄ£Äâ±íµ¥Ìá½»²¢¿ÉÉèÖÃÌá½»¼ä¸ô
»¹ºÃÒ³ÃæÊÇajaxÌá½»µÄ£¬Ö»ÒªÐ´¸öjs¶¨Ê±Ìá½»¾ÍokÁË¡£ ÓÚÊÇÕÒÁ˼¸¸öдµÄÀàËÆÓÚsleepµÄ¹¦ÄÜ£¬ÄùýÀ´ÓÃÓ÷¢ÏÖÒ²²»ÊǺܺÃÓá£
×ÔÒÑдÁ˸ö
<script language="javascript">
var base = {};
......
base.auto_submit = function(){
var total = 10 ......
ÃæÏò¶ÔÏóÒѲ»ÔÙÊÇÖ¸·â×°¡¢¼Ì³Ð¡¢³éÏóµÈÉè¼Æ·½·¨£¬Ä¿Ç°ÒÑ¾Éæ¼°µ½ÃæÏò¶ÔÏóµÄ·ÖÎö£¨OOA£¬Object Oriented Analysis£©£¬ÃæÏò¶ÔÏóµÄÉè¼Æ£¨OOD£¬Object Oriented Design£©¼°ÃæÏò¶ÔÏóµÄ±à³ÌʵÏÖ£¨OOP£¬Object Oriented Programming£©¡£±¾Æ¬ÎÄÕÂÖ÷ÒªÌÖÂÛµÄÊÇÈçºÎʵÏÖJavascriptµÄÃæÏò¶ÔÏóÉè¼Æ¡£
JavascriptÊǽű¾ÓïÑÔ£¬ÊÇ»ùÓÚ¶ÔÏó ......