Ðí¶àÈËÔÚѧϰÍÏ×§£¨drag£©Óë´¥¿Ø£¨touch£©Ê±ÈÝÒ׿¨ÔÚ¡°ÔõôÂ䵨¡±µÄÎÊÌâÉÏ£º½çÃæÉÏ¿´ÆðÀ´¼òÆÓµÄÍÏ×§£¬ÕæÕýÂäµ½²úÎïÀïÈ´ÐèÒª¿¼Á¿´¥¿ØÏìÓ¦¡¢ÊÖÊÆÈÝ´í¡¢ÐÔÄÜÓÅ»¯ºÍÎÞÕϰ»á¼ûµÈ¶àά¶ÈÒªËØ¡£ÍÏÃþÊÓÆµ½Ì³Ì´ÓÓû§ÐèÇó³ö·¢£¬½«ÅÓ´óµÄ½»»¥²ð½â³É¿ÉÂ䵨µÄ²½Öè¡£
Ëü²»ÊÇ¿Õ̸µÄÀíÂÛ£¬¶øÊÇÒԿɸ´ÏֵݸÀýÀ´½â˵ÈçºÎÔÚ²îÒìÉ豸¡¢²îÒì·Ö±æÂÊÏÂʵÏÖ˳³©µÄÍ϶¯ÌåÑé¡£Äã»áÔÚÆäÖп´µ½´Ó»ù±¾ÍÏקʼþµ½¸ß¼¶ÊÖÊÆ×éºÏµÄÍêÕûÑÝÁ·£¬Àí½âÿһ¸öÐж¯±³ºóµÄÉè¼ÆÂß¼£¬ÖªµÀΪºÎijЩ½»»¥ÔÚijЩ³¡¾°Ï¸üÎÈÍס¢ÄÄЩϸ½ÚÄÜÌáÉýÓû§µÄÐÅÈθС£
С±êÌâ2£º¿Î³Ì¶¨Î»ÓëÄ¿±êÈËȺÕâÌ׿γÌÃæÏòÈýÀàÈË£º1£©²úÎï¾ÀíÓëUIÉè¼ÆÊ¦£¬Ï£ÍûÓøüºÃµÄ½»»¥Éè¼ÆÌáÉý²úÎï¿ÉÓÃÐÔ£»2£©Ç°¶Ë¿ª·¢ÕßÓëÒÆ¶¯¶Ë¿ª·¢Õߣ¬×·Çó¸ü¸ßЧµÄʵÏÖ·½°¸ÓëÐÔÄÜÌåÏÖ£»3£©µÍ¼¶Ñ§Ï°Õߣ¬¿ÊÍûÔÚʵսÖпìËÙÕÆÎÕÍÏ×§Óë´¥¿ØµÄ½¹µã¼¼ÇÉ¡£¿Î³Ì²¢·Ç¡°ËÙ³ÉË¢Ìâʽ¡±µÄ¶ÑÆö£¬¶øÊÇÇ¿µ÷ÔÐ͵½ÊµÏֵıջ·¡£
Ä㽫ÔÚÊÓÆµÖп´µ½¾ßÌåµÄ³¡¾°ÉèÖá¢Ã÷È·µÄѧϰĿ±ê¡¢Öð²½µÄÁ·Ï°ÈÎÎñ£¬ÒÔ¼°Ã¿Ò»¸ö½×¶ÎµÄÑéÖ¤µã¡£Í¨¹ýÕâÑùµÄ½á¹¹£¬Ñ§Ï°Õß¿ÉÒÔÔÚ¶Ìʱ¼äÄÚ½¨Éè¶ÔÍÏ×§Óë´¥¿Ø½»»¥µÄÐÅÐÄ£¬ÌÔÌ¿¨¶ÙÓë·µ¹¤£¬»¹ÔÉè¼ÆÓëʵÏÖÖ®¼äµÄÐͬЧÂÊ¡£
С±êÌâ3£º¿Î³Ì½á¹¹Óëѧϰ·¾¶ÍÏÃþÊÓÆµ½Ì³Ì½ÓÄÉÄ£¿é»¯Éè¼Æ£¬·ÖΪ¡°»ù´¡¿Ø¼þÓë½»»¥ÓïÑÔ¡±¡°³¡¾°»¯°¸Àý¡±¡°ÊµÏÖÓëÓÅ»¯¡±Èý´ó°å¿é¡£µÚÒ»²¿Ãž۽¹ÓïÑÔ»¯µÄ½»»¥ÔÔò£¬×ÊÖúÄ㽨ÉèͳһµÄ½»»¥ÓïÑÔ£¬Àí½âÍÏ×§µÄ´¥·¢µã¡¢ÈÝ´íÉè¼Æ¡¢ÒÔ¼°¿çÉ豸µÄÒ»ÖÂÐÔ¡£µÚ¶þ²¿ÃÅͨ¹ýÕæÊµµÄ²úÎﳡ¾°ÑÝÁ·£¬ÈçÈÎÎñÃæ°åÍÏ×§¡¢Í¼Æ¬ÅÅÐò¡¢¿¨Æ¬»¬¶¯µÈ£¬Öð²½°ÑÀíÂÛÂäµØÎª¿É¸´ÓõÄ×é¼þÓëģʽ¡£
µÚÈý²¿ÃÅÔò¾Û½¹ÊµÏÖϸ½Ú£ºÊ¼þ½ÚÁ÷Óë½ÚÅÄ¡¢¶¯»¹ý¶É¡¢ÐÔÄܵ÷ÓÅ¡¢ÎÞÕϰ֧³Ö£¬ÒÔ¼°²âÊÔÓÃÀýµÄ±àд¡£Ã¿Ò»¸öС½Ú¶¼¸½´ø¿ÉÖ´ÐеĴúÂëÆ¬¶Î¡¢Éè¼Æ¸å¶ÔÕպͻ¥¶¯Á·Ï°£¬È·±£ÄãÔÚԢĿºó¾ÍÄܶ¯ÊÖ²Ù×÷¡¢¿ìËÙÑéÖ¤¡£¿Î³Ì»¹ÌṩÁ·Ï°¶ÑÕ»ºÍÄ£°å×ÊÔ´£¬ÈÃÄãÔÚ×Ô¼ºµÄÏîÄ¿ÖÐÖ±½Ó¸´Óá£
С±êÌâ4£ºÕæÊµ³¡¾°ÖеÄÊÕÒæÓë°¸ÀýѧϰÍÏ×§ºÍ´¥¿Ø²»½öÊǼ¼ÊõÌáÉý£¬¸üÊDzúÎïµÄÓû§ÌåÑéÉý¼¶¡£Í¨¹ý±¾¿Î³Ì£¬Ðí¶àѧԱÔÚ¶Ìʱ¼äÄÚ½«¡°ÍÏ×§ÅÅÐò¡±´ÓÊָв»ÎȸïÐÂΪ˳»¬¿É¿Ø¡¢²¢ÔÚʵ¼Ê²úÎïÖÐÌáÉýÁËת»¯ÂÊÓëÁô´æ¡£Ò»¸ö³£¼û·´À¡ÊÇ£ºÔ±¾ÐèÒªÍŶÓÐ×÷ÊýÖܲůøÍê³ÉµÄ½»»¥¸ïУ¬ÏÖÔÚֻҪһСÎÒ˽¼Ò½áºÏ¿Î³ÌÖеÄÄ£°å¾ÍÄÜÍê³É¿ª¶ËʵÏÖ²¢¼ÓÈëÆÀÉó¡£
ÕâÖÖЧÂÊÀ´×ÔÓÚ¶Ô¡°´¥´ïµã¡±Óë¡°·´À¡½Ú×ࡱµÄ¾«×¼ÕÆÎÕ¡ª¡ªµ±Óû§Í϶¯Ò»¸ö¹¤¾ßʱ£¬ÏµÍ³¸ø³öµÄ·´À¡Òª×¼¡¢Òª¿ì£¬Ðж¯Òª×ÔÈ»£¬ÊÓ¾õ¹ý¶ÉÒªÁ¬¹á£¬ËùÓÐÕâЩ¶¼ÔÚÍÏÃþÊÓÆµ½Ì³ÌµÄѵÁ·½Å±¾Öб»Ï¸»¯µ½¾ßÌåµÄ²ÎÊýÓëʵÏÖ·½Ê½¡£Í¨¹ýÄ£ÄâÕæÊµÓû§³¡¾°µÄ¶à´ÎÁ·Ï°£¬Ñ§Ï°Õß²»½öÕÆÎÕÁ˼¼Êõ£¬»¹Ñ§»áÁËÈçºÎÔÚÉè¼Æ½×¶Î¾Í¶ÔÓû§¸ÐÖª¡¢Îó´¥·À»¤¡¢ÎÞÕϰÌåÑéµÈÎÊÌâÔ¤Éè½â¾ö´ëÊ©£¬×îÖÕÈòúÎï¸üÒ×±»½ÓÊÜ¡¢±»Ê¹Óá£
С±êÌâ1£ºÊµÕ½ÑÝÁ·µÄ½¹µãÒªÁìÂÛÔÚµÚ¶þ²¿ÃÅ£¬ÎÒÃǰѽ¹µã·ÅÔÚ¡°ÈçºÎ°Ñ¿Î³ÌµÄ֪ʶµãת»¯Îª¿É½»¸¶µÄ²úÎïÄÜÁ¦¡±ÉÏ¡£½¹µãÒªÁìÂÛ°üÂÞËIJ½×ߣºÏÈ¿´¡¢ÔÙÄ£·Â¡¢È»ºó¸ïС¢×îºóÂ䵨¡£¿´£¬ÊÇָԢĿʾÀý¶¯»ÓëʵÏÖÀú³Ì£¬ÀíÇåÐж¯µÄÆðʼµã¡¢Â·¾¶ºÍ½áÊø×´Ì¬£»Ä£·Â£¬ÊǰÑʾÀýÖеÄÒªº¦²½ÖèÓÃÔÚ×Ô¼ºµÄÏîÄ¿ÖнøÐи´ÏÖ£»¸ïУ¬ÊÇÔÚÔÓÐʵÏÖ»ù´¡ÉϽáºÏ×Ô¼Ò²úÎïµÄÒµÎñÂß¼¡¢É豸ÁýÕÖºÍÓû§ÈºÌ壬×ö³öϸ»¯Óëµ÷Õû£»Â䵨£¬Êǽ«¸ïкóµÄ½»»¥Âäµ½ÕæÊµ´úÂë¡¢Éè¼Æ¸åÓë²âÊԼƻ®ÖУ¬È·±£ÉÏÏߺóµÄÎȶ¨ÐÔÓëÌåÑéÒ»ÖÂÐÔ¡£
¿Î³Ì̫ͨ¹ý½×¶ÎµÄÈÎÎñÇåµ¥¡¢´úÂë¶ÔÕÕÓë¿É¸´ÓÃ×é¼þ¿âÀ´Ö§³ÅÕâËIJ½£¬È·±£Ñ§Ï°ÕßÔÚÓöµ½ÕæÊµÊÂÇ鳡¾°Ê±²»ÃÔ·¡£ÕâÖÖÒªÁìÂÛ²»½öÌáÉýÁËѧϰЧÂÊ£¬Ò²×ÊÖúÍŶÓÔÚ¿ª·¢ÖÜÆÚÄÚ±£³ÖÉè¼ÆÓëʵÏÖµÄÒ»ÖÂÐÔ£¬½µµÍ·µ¹¤³É±¾¡£
С±êÌâ2£º¸ß¼¶¼¼ÇÉÓëÐÔÄÜÓÅ»¯ÍÏ×§Óë´¥¿ØµÄÌåÑ飬³ýÁË¡°»á¶¯¡±»¹ÐèÒª¡°»á¿ì¡±¡£±¾¿Î³ÌÔÚµÚÈýÕµĸ߼¶¼¼ÇÉÖУ¬Ïêϸ½â˵ÁËÈçºÎÔÚÅӴ󳡾°ÏÂʵÏÖÆ½»¬µÄÍÏ×§¡¢½çÏ޻ص¯¡¢ÔªËØ¶ÔÆëÒÔ¼°¶àÊÖÊÆ½»»¥µÄ³åÍ»½â¾ö¡£Äã»áѧϰµ½ÈçºÎͨ¹ýÇëÇ󶯻֡£¨requestAnimationFrame£©ÊµÏÖ¸ßÖ¡Âʶ¯»£¬ÈçºÎ¶ÔÍÏקʼþ½øÐнÚÁ÷ÓëÈ¥¶¶£¬ÖÆÖ¹ÒòƵ·±ÅÌËãµ¼ÖµĿ¨¶Ù¡£
»¹»áÁýÕÖÐÔÄÜ¼à¿ØµÄ³£ÓÃÒªÁ죬×ÊÖúÄãʶ±ð²¢Ïû³ýµÍÖ¡ÂÊµÄÆ¿¾±£¬ÀýÈç´ó³ß´çͼƬ¡¢ÅÓ´óµÄ½á¹¹ÖØÅÅ¡¢ÒÔ¼°¶¯»ÓëäÖȾ֮¼äµÄÆ¿¾±¡£¿Î³Ì»¹ÌرðÇ¿µ÷ÎÞÕϰÌåÑ飺ÈçºÎÈ·±£ÆÁÄ»ÔĶÁÆ÷Óë¼üÅ̵¼º½Ò²ÄÜÕýÈ·µØ¡°×·Ë桱ÍÏ×§µÄ״̬±ä»¯£¬È·±£²ÐÕÏÓû§Í¬Ñù»ñµÃÁ÷³©µÄ½»»¥ÌåÑé¡£
С±êÌâ3£º´ÓÀíÂÛµ½Ä£°åµÄÎÞ·ìÇ¨ÒÆÐí¶àѧϰÕßµ£ÓÇ¡°Ñ§Íê¾ÍÍü¡¢Óò»ÉÏ¡±µÄÎÊÌ⡣Ϊ´Ë£¬¿Î³ÌÌṩÁË´óÁ¿¿ÉÖ±½Ó¸´ÓõÄÄ£°åÓë×é¼þ¿â£¬°üÂÞÍÏ×§ÅÅÐò×é¼þ¡¢¿É×Ô½ç˵µÄÍÏ×§ÇøÓò¡¢ÒÔ¼°¿çÉ豸ÊÊÅäµÄÑùʽÓëÐÐΪ¹æ·¶¡£ÕâЩģ°å²»ÊǼòÆÓµÄ´úÂëÆ¬¶Î£¬¶øÊǾ¹ý²úÎﻯ´òÄ¥µÄ¿ÉǶÈëʽ×é¼þ£¬¸½´øÍêÕûµÄÉè¼Æ¸å¡¢½»»¥ËµÃ÷ºÍ²âÊÔÓÃÀý¡£
Äã¿ÉÒÔ°ÑËüÃÇÖ±½Ó´øÈë×Ô¼ºµÄÏîÄ¿£¬»òÔÚ´Ë»ù´¡ÉÏÔÙ¶¨ÖÆ£¬ÒÔ¿ìËÙÑéÖ¤ÄãµÄ²úÎïÏë·¨¡£Ä£°åµÄ´æÔÚ£¬ÏÔÖø½µµÍÁË´Óѧϰµ½Â䵨µÄÃż÷£¬ÈÃÍŶÓÔÚ¶Ìʱ¼äÄÚÍê³É´Ó¡°¿´·¨µ½ÊµÏÖ¡±µÄ¿çÔ½¡£
С±êÌâ4£º¿Î³Ì¸£ÀûÓë¼ÓÈë·¾¶Ñ¡ÔñÍÏÃþÊÓÆµ½Ì³Ì£¬³ýÁËϵͳ»¯µÄѧϰ·¾¶£¬»¹ÄÜ»ñµÃһϵÁÐÔöÖµ¸£Àû¡£¿Î³ÌÌṩרÊôѧϰÉçÇø£¬±ãÓÚÄãÓëͬÐС¢µ¼Ê¦ÊµÊ±½»Á÷£¬·ÖÏíÓöµ½µÄÄÑÌâÓë½â¾ö˼·¡£Íê³É¿Î³Ìºó£¬Ä㽫»ñµÃµç×ÓÖ¤ÊéÓë¿ÉÏÂÔØµÄѧϰÌõ¼Ç£¬·½±ãÔÚÊÂÇé¼òÀúÓëÏîÄ¿×ܽáÖÐʹÓá£
¶ÔÓÚÔçÄñºÍºã¾ÃѧϰÕߣ¬¿Î³Ì»¹ÉèÓÐÏÞʱÕÛ¿Û¡¢ÁªºÏÆóÒµÅàѵÃû¶îÒÔ¼°ÏîĿʵսʱ»ú£¬×ÊÖúÄãÔÚÕæÊµÊÂÇ鳡¾°ÖпìËÙ»ñµÃ¿ÉȨºâµÄÊÕÒæ¡£¿Î³Ì»¹Ìṩ¶¨ÆÚµÄ¸üÐÂÓëÀ©Õ¹°ü£¬È·±£ÄãʼÖÕÕ¾ÔÚ½»»¥Éè¼ÆµÄÇ°ÑØ£¬ÕÆÎÕÐÂÉ豸¡¢ÐÂÊÖÊÆ´øÀ´µÄÐÂÌôÕ½¡£
×ܽáÓëÐж¯Èç¹ûÄãÕýÔÚѰÕÒÒ»ÖÖÄܹ»½«ÀíÂÛ¡¢Éè¼ÆÓïÑÔºÍʵÏÖϸ½Ú½ôÃܽáºÏµÄÒªÁìÂÛ£¬ÏëÒªÔÚÕæÊµÏîÄ¿ÖпìËÙÌáÉýÍÏ×§Óë´¥¿ØµÄÓû§ÌåÑ飬ÍÏÃþÊÓÆµ½Ì³Ì»òÐí¾ÍÊÇÄãÐèÒªµÄÄÇ·Ý¡°ÊµÕ½Ö¸ÄÏ¡±¡£´Ó»ù´¡µ½¸ß¼¶£¬´ÓÄ£°åµ½Â䵨£¬ÎÒÃÇÓýṹ»¯µÄѧϰ·¾¶¡¢¸»ºñµÄ°¸ÀýºÍ¿ÉÖ±½ÓÂ䵨µÄ×ÊÔ´£¬×ÊÖúÄãÔÚ¶Ìʱ¼äÄÚÐγɶԽ»»¥Éè¼ÆµÄÍêÕûÈÏÖªÓë²Ù×÷ÄÜÁ¦¡£
ÏÖÔھͿ¼ÂǼÓÈ룬ÓëÄãµÄÍŶÓÒ»ÆðÌåÑéÕâÃſγ̴øÀ´µÄЧÂÊÔ¾ÉýÓëÌåÑéÌáÉý¡£ÈôÄãÒѾÓоßÌåÏîÄ¿ÔÚÍÆ½ø£¬¿ÉÒÔ°ÑÄãµÄ³¡¾°·¢¸øÎÒ£¬ÎÒÃÇÒ»Æð¿´¿´ÄÄЩģ°åºÍÒªÁì×îÆõºÏÄãµÄÐèÇó£¬È·±£ÄãÔÚÏÂÒ»´Îµü´úÖÐÈ¡µÃ¸üÃ÷È·µÄ¸ïÐÂÓë½á¹û¡£