10ÖÖJavaScriptÌØÐ§ÊµÀýÈÃÄãµÄÍøÕ¾¸üÎüÒýÈË
½ñÌìµÄ»°ÌâÊÇÈçºÎ¸Ä½ø×Ô¼ºÍøÕ¾µÄ½çÃæ»òÌá¸ßÍøÕ¾µÄÊÓ¾õÌåÑ飬´Ó¶øÈÃÓû§¼ÇÒäÓÌС£
¡¡¡¡ÎÒÃÇÓÐÈýÖÖÖ÷ÒªµÄ·½·¨(´ÓÄѵ½Ò×):×Ô¼º¶¯ÊÖд½Å±¾;ʹÓÃÀàËÆÓÚjQueryºÍmooToolsµÄJavaScript¿ò¼Ü(¿ÉÒÔÈñàд´úÂë±ä
µÃ¸üÈÝÒ×Щ);ʹÓÃÄܹ¤×÷ÓÚÏÖÓеÄJavaScript¿ò¼ÜϵÄÌáǰԤÖúõĽű¾»òÄÇÖÖ´ÓÍ·¿ªÊ¼¿ª·¢µÄ´´½¨Õß¡£ÕâÆªÎÄÕÂÊʺÏÄÇЩ´òËãÌá¸ß¹¤×÷ЧÂÊ»ò²»Ô¸Òâ
´ÓÍ·¿ª·¢½Å±¾µÄÈËÔĶÁ¡£
¡¡¡¡ÕâÀïÊÕ¼¯ÁË10ÖÖÇ¿´ó
µÄÇÒÈÝÒ×ÉÏÊÖ
µÄJavaScriptÌØÐ§À´¸Ä½øÄú
µÄÍøÒ³Õ¾½çÃæ£¬´Ó¶øµÃµ½¸ü¶àµÄÓû§ÌåÑé¡£Õâ10ÖÖjavaScriptÌØÐ§»ØÎ¶ÄãµÄÍøÕ¾´øÀ´ÒâÏë²»µ½µÄÊÓ¾õÊ¢Ñ磬¶øÇÒ°²×°ºÍʹÓö¼±È½ÏÈÝÒס£
Äú»¹¿ÉÒԲο¼ÒÔÏÂ
JavaScript/AjaxÏà¹Ø½Ì³Ì¼°×ÊÔ´:
¡¶10¸ö·Ç³£°ôµÄ
Ajax¼°JavascriptʵÀý×ÊÔ´ÍøÕ¾
¡·
¡¶12ÖÖ
Javascript½â¾ö³£¼ûä¯ÀÀÆ÷¼æÈÝÎÊÌâµÄ·½·¨
¡·
¡¶300+Jquery,
CSS, MooTools ºÍ JSµÄµ¼º½²Ëµ¥×ÊÔ´
¡·
1.GreyBox
¡¡¡¡GreyBox
ÔÊÐíÄãÒÔÄ£
ʽ´°¿Ú
µÄÐÎʽÔËÐÐÆäËüÍøÕ¾(ÀàËÆÓÚµ¯³öʽ´°¿Ú£¬µ«ÓÖ²»ÔËÐÐеÄä¯ÀÀÆ÷´°¿Ú).Èç¹ûÄãµÄÍøÕ¾ÉÏÓÐһЩÆäËûÍøÕ¾µÄµ¼³öÁ´½Ó£¬µ«ÄãÓÖ²»ÏëÈÃÄãµÄÓû§À뿪
ÄãµÄÍøÕ¾»ò²»ÏëÈÃËûÃÇ´ò¿ªÁíÒ»¸öä¯ÀÀÆ÷´°¿ÚµÄ»°£¬ÕâÕæµÄÊÇÒ»¸öºÜºÃµÄ½â¾ö·½°¸¡£Ê¹ÓÃGreyBox ·Ç³£¼òµ¥¡£
¡¡¡¡ÕâÀïÊǹØÓÚGreyBoxµÄ¹Ø¼üÒ³Ãæ:ÏÂÔØÒ³Ãæ
, ˵Ã÷Ò³Ãæ
, ʵÀý
, °²×°
,ºÍ ¸ß¼¶Ó÷¨
(Èç¹ûÄãÊÇ
JavaScript¸ßÊÖ£¬¿´ÍêÕâ¸öÒ³ÃæÖеÄһЩ¼¼ÇÉ˵Ã÷£¬Äã¾ÍÄÜÀ©Õ¹ËüµÄº¯Êý¿âÁË)
2.instant.js
¡¡¡¡instant.js
ÌØÐ§»áΪÄãµÄÕÕÆ¬¶¯Ì¬Ìí¼ÓÀàËÆÆ«Õñ(Polaroid-like)µÄЧ¹û(½«ÕÕÆ¬Çãб²¢Ìí¼ÓÒõÓ°ºÍ±ß
¿ò)¡£ÏÖÔÚÎÒÃÇ¿ÉÒÔʹÓÃÕâ¸öÕÕÆ¬ÌØÐ§Ä£ÄâPhotoshopµÄÊýÂëÕÕÆ¬´¦ÀíÁË¡£
¡¡¡¡Õâ¸ö½Å±¾¼¼Êõ¿ÉÒÔÓÃÓÚÔÚÄãµÄÍøÕ¾ÉÏÓкܶàÕÕÆ¬£¬µ«ÓÖ²»ÏëÒ»¸ö¸öÊÖ¶¯´¦ÀíµÄÇé¿ö¡££¨Ò²ÐíÄã»áʹÓÃÅúÁ¿´¦Àí£¬µ«ÄÇÖ»Êǽ¨Á¢ÓÚµ¥Ò»µÄ¶¯×÷ϵģ¬Èçµ÷Õû
³ß´ç¡¢²Ã¼ôµÈ…£©
3.mooTable
¡¡¡¡mooTableÔÊÐíÄãΪ±í¸ñÖеÄÊý¾Ý½øÐÐÅÅÐò(²»ÓÃË¢ÐÂÒ³Ãæ)£¬ÀûÓÃDOMÌæ´úÊý¾Ý¿âµÄÇëÇóµÄÐÂʽÅÅÐò·½·¨¡£Ê¹Óüòµ¥£¬½öÐèÇá΢µÄÅäÖü´¿É¡£
¡¡¡¡Õâ¸ö½Å±¾¿âÐèÒªmooTools¿ò¼ÜµÄÖ§³Ö£¬Äã¿ÉÒÔÔÚÕâÀïÏÂÔØ
¡£Ä㻹¿ÉÒÔÔÚÂÛ̳ÖеÄmootools°å¿é
Ѱ
ÕÒһЩ´´½¨mooTableµÄ·½·¨£¬»áÓкܶàmootools¿ª·¢Õߵķ´À¡¡£
4.FancyForm
¡¡¡¡FancyForm
¿ÉÒÔÈ¡´úµ¥µ÷·¦Î¶µÄ±íµ¥¿Ø¼þÈ絥ѡ°´Å¥ºÍ¸´Ñ¡¿ò¡£»ù±¾µÄʹÓýöÐèÁ½²½:(1)ÔÚÒ³ÃæÖе÷ÓÃ
JavaScriptÎļþ (2)ΪÄãµÄ±íµ¥¿Ø¼þÖ¸¶¨ÀàÃû£¬È縴ѡ¿òÖ¸¶¨clas
Ïà¹ØÎĵµ£º
±¾ÎĽ«½éÉܼ¸¸ö³£ÓõÄJavaScriptÑéÖ¤ÕýÔò±í´ïʽ£¬ÕâЩ×ÊÁÏÏ£Íû¶Ô´ó¼ÒÔÚʵ¼Ê±à³Ì¹ý³ÌÖÐÆðµ½°ïÖú×÷Óá£
Æ¥ÅäÖÐÎÄ×Ö·ûµÄÕýÔò±í´ïʽ£º [u4e00-u9fa5]
ÆÀ×¢£ºÆ¥ÅäÖÐÎÄ»¹ÕæÊǸöÍ·ÌÛµÄÊ£¬ÓÐÁËÕâ¸ö±í´ïʽ¾ÍºÃ°ìÁË
Æ¥ÅäË«×Ö½Ú×Ö·û(°üÀ¨ºº×ÖÔÚÄÚ)£º[^x00-xff]
ÆÀ×¢£º¿ÉÒÔÓÃÀ´¼ÆËã×Ö·û´®µÄ³¤¶È£¨Ò»¸öË«×Ö½Ú×Ö·û³¤¶È¼Æ2£¬ASCII×Ö·û ......
JavaScript replace() ·½·¨
JavaScript String ¶ÔÏó²Î¿¼ÊÖ²á
¶¨ÒåºÍÓ÷¨
replace() ·½·¨ÓÃÓÚÔÚ×Ö·û´®ÖÐÓÃһЩ×Ö·ûÌæ»»ÁíһЩ×Ö·û£¬»òÌæ»»Ò»¸öÓëÕýÔò±í´ïʽƥÅäµÄ×Ó´®¡£
Óï·¨
stringObject.replace(regexp,replacement)
²ÎÊýÃèÊö
regexp
±ØÐè¡£¹æ¶¨ÁËÒªÌæ»»µÄģʽµÄ RegExp ¶ÔÏó¡£Çë×¢Ò⣬Èç¹û¸ÃÖµÊÇÒ»¸ö×Ö·û´®£¬Ôò½ ......
JavaScript
º¯Êý¶¨ÒåÓï·¨×ܽá
×÷Õß
»Æ³Ï
QQ
Ⱥ£º
65643887
1
£®Õý³£µÄ¶¨Òå·½·¨£º
function functionName([arguments]){
Javascript statements
[return expression]
}
Àý
1:
function evalScript( i, elem ) {
&n ......
ÔÚJavascriptÖÐûÓÐclassÀ࣬µ«ÊÇͬÑùÒ²¿ÉÒÔ½øÐжÔÏóµÄ´´½¨¡£ÔÚÃæÏò¶ÔÏóµÄÓïÑÔÖÐÐèҪʵÀý»¯Ä³¸ö¾ßÌåÀàµÄʵÀý£¬ÔÚJavascriptÖÐÔò²»Óá£
ÔÚJavascriptÀ¶ÔÏñ¿ÉÒÔ´´½¨ÐµĶÔÏó£¬Ò²¿ÉÒԼ̳Ð×ÔÆäËû¶ÔÏó¡£Õâ¸ö¸ÅÄî³ÆÎªÔÐÍ»¯¼Ì³Ð(prototypal inheritance)¡£
Èκκ¯ÊýÔÚJavascript Öж¼¿ÉÒÔ±»ÊµÀý»¯Ò»¸ö¶ÔÏó¡£
³ÌÐòÈçÏ£º
// ......
°æÈ¨ÉùÃ÷
£º¿ÉÒÔÈÎÒâ×ªÔØ£¬µ«×ªÔØÊ±±ØÐë±êÃ÷Ô×÷Õßcharlee¡¢ÔʼÁ´½Óhttp://tech.idv2.com/2006/11/23/javascript-strreplace-benchmark/
ÒÔ¼°±¾ÉùÃ÷¡£
¸ÐлClearΪÎÒÃÇÌṩÁËÕâ¸öЧÂʸü¸ßµÄ×Ö·û´®Ìæ»»º¯Êý
¡£ÕâÊǾ³£Ê¹ÓõÄHTMLÌØÊâ×Ö·ûÌæ»»º¯Êý£¬¼´½« &¡¢<¡¢>¡¢" µÈº¯ÊýÌæ»»³É &¡¢<¡¢>¡¢&qu ......