µ±Óû§¾ÙÐС°Ìø×ª¡±Ê±£¬SPAµÄ·ÓÉϵͳ»á²¶»ñURLµÄת±ä£¬È»ºóƾ֤URLÆ¥ÅäÏìÓ¦µÄ×é¼þ£¬²¢Òì²½¼ÓÔØ¸Ã×é¼þËùÐèµÄÊý¾ÝºÍÄ£°å£¬×îÖÕäÖȾµ½?Ò³ÃæÉÏ¡£Õâ¼´ÊÇ¡°17cÒþ²Ø´°¿ÚÌø×ª¡±ÔÚSPAÖеĵ䷶ÌåÏÖ£¬ËüÈÃWebÓ¦ÓÃÓµÓÐÁË¿¿½üÔÉúÓ¦ÓðãµÄÁ÷ͨÇл»ÌåÑé¡£
WebComponentsÊÖÒÕҲΪ¡°17cÒþ²Ø´°¿ÚÌø×ª¡±ÌṩÁËеĿÉÄÜÐÔ¡£WebComponentsÊÇÒ»Ì×±ê×¼µÄWebƽ̨API£¬ËüÔÊÐí¿ª·¢Õß½¨Éè×ÔÁ¦µÄ¡¢¿É¸´ÓõÄ×Ô½ç˵HTMLÔªËØ¡£Í¨¹ý½«Ìض¨¹¦Ð§£¨ÈçÒ»¸ö¿ÉÕÛµþµÄÃæ°å¡¢Ò»¸öͼƬԤÀÀÆ÷¡¢Ò»¸öǶÈëʽ±íµ¥£©·â×°³ÉWebComponent£¬¿ª·¢Õß¿ÉÒÔÔÚÈκÎÐèÒªµÄ?µØ·½Àû±ãµØ²åÈëÕâЩ×é¼þ¡£
µ±ÕâЩ×é¼þÐèÒª¼ÓÔØÌØÊâÊý¾Ý»òչʾÐÂÄÚÈÝʱ£¬ËüÃÇÄÚ²¿?µÄÂß¼±ã¿ÉÒÔ×ÔÁ¦µØÖ´ÐС°Òþ²Ø´°¿ÚÌø×ª¡±µÄ²Ù?×÷£¬¶øÎÞÐèÓ°ÏìÒ³ÃæµÄÆäËû²¿·Ö¡£
½¥½øÊ½ÔöÇ¿£¨ProgressiveEnhancement£©µÄÀíÄîÒ²Óë¡°17cÒþ²Ø´°¿ÚÌø×ª¡±Ï¢Ï¢Ïà¹Ø¡£ÕâÒâζ×ÅÊ×ÏÈΪËùÓÐÓû§Ìṩ»ù´¡µÄ¡¢½¹µãµÄ¹¦Ð§£¨ÀýÈ磬Á´½Óµã»÷ºóÌø×ªµ½ÐÂÒ³Ãæ£©£¬È»ºóÔÙΪ֧³Ö¸ü¸ß¼¶ÊÖÒÕµÄä¯ÀÀÆ÷Ìṩ¸üÓÅ»¯µÄÌåÑ飨ÀýÈ磬ʹÓÃJavaScriptʵÏÖÎÞ·ìµÄ?¾Ö²¿¼ÓÔØºÍ¸üУ©¡£
ÕâÑù£¬×ÝÈ»Óû§µÄä¯ÀÀÆ÷²»Ö§³ÖijЩ¸ß¼¶JavaScriptÌØÕ÷£¬ËûÃÇÈÔÈ»Äܹ»»á¼ûµ½ÍøÕ¾µÄ½¹µãÄÚÈÝ£¬¶øÖ§³Ö?¸ß¼¶ÌØÕ÷µÄÓû§ÔòÄÜÏíÊܵ½¸ü¼ÑµÄ?½»»¥ÌåÑé¡£
¡°17cÒþ²Ø´°?¿ÚÌø×ª¡±ÊÂʵÄÜ´øÀ´ÄÄЩÁîÈËÔÞ̾µÄÁ¢ÒìÓ¦Óó¡¾°ÄØ£¿
µçÉÌÆ½Ì¨µÄÉÌÆ·ÏêÇéÓë¿ìËÙÔ¤ÀÀ£ºÊÔÏëһϣ¬ÔÚä¯ÀÀÒ»¸öÁÕÀÅÂúÄ¿µÄÉÌÆ·Áбíʱ£¬ÄãÊó±êÐüÍ£ÔÚij¸öÉÌÆ·ÉÏ£¬Ò»¸öϸÄåµÄµ¯³ö´°¿ÚÁ¬Ã¦·ºÆð£¬Õ¹Ê¾¸ÃÉÌÆ·µÄ¸ßÇåͼƬ¡¢Òªº¦²ÎÊýºÍÓû§ÆÀ¼Û¡£ÄãÖ»Ðè¼òÆÓµØÒƶ¯Êó±ê£¬¾Í¿ÉÒÔÔÚ¶à¸öÉÌÆ·µÄÔ¤ÀÀ´°¿ÚÖ®¼äÇл»£¬ÎÞÐèÍÑÀëÄ¿½ñµÄÉÌÆ·ÁбíÒ³Ãæ¡£
ÕâÖÖÌåÑ飬¼«´ó?µØÌáÉýÁËÓû§ä¯ÀÀºÍ½ÏÁ¿ÉÌÆ·µÄЧÂÊ£¬Ò²ÔöÌíÁ˹ºÎïµÄÐËȤ¡£
ÐÂÎÅ×ÊѶÓëÄÚÈݾۺÏÓ¦Ó㺵±ÄãÔĶÁһƪÐÂÎű¨µÀ£¬È´¶ÔÆäÖеÄ?Ò»¸ö¿´·¨»òÁíÒ»ÔòÏà¹ØÐÂÎű¬·¢ÁËÐËȤʱ£¬²»±Ø¹Ø±ÕÄ¿½ñÎÄÕ£¬Ö»Ðèµã»÷Á´½Ó£¬Ò»Æª¼ò¶ÌµÄÚ¹ÊÍÐÔÄÚÈÝ»òÁíһƪÐÂÎŵÄÕªÒª±ã»áÔÚÄ¿½ñÒ³ÃæµÄ²à±ßÀ¸»òµ×²¿µ¯´°ÖÐÕö¿ª¡£ÕâÖÖ¡°¼´Ê±À©Õ¹¡±µÄÄÜÁ¦£¬ÈÃÐÅÏ¢µÄ»ñȡԽ·¢ÉîÈë¶ø±ã?½Ý¡£
É罻ýÌåµÄ̸ÂÛÓëÏêÇéÔ¤ÀÀ£ºÔÚÉ罻ýÌ嶯̬Á÷ÖУ¬µ±ÄãÏëÉó²éÒ»ÌõÌû×ÓµÄËùÓÐ̸ÂÛ£¬»òÕßÔ¤ÀÀÒ»ÕÅ´óͼʱ£¬Ò»ÌõÁ÷ͨµÄ̸ÂÛÇøÃæ°å»òͼƬԤÀÀÆ÷»á´ÓÆÁÄ»±ßÑØ»¬³ö£¬ÌṩÍêÕûÐÅÏ¢¡£Íê³Éä¯ÀÀºó£¬ÇáÇáÒ»»¬»òµã»÷¹Ø±Õ°´Å¥£¬Äã¾ÍÄÜѸËٻص½ÔÀ´µÄ¶¯Ì¬Á÷£¬Ëƺõ´ÓδÍÑÀë¡£
ºǫ́¹ÜÀíϵͳµÄÊý¾Ý±à¼ÓëÏêÇéչʾ£ºÔÚÖØ´óµÄ¹ÜÀíºǫ́£¬µ±ÐèÒª±à¼Ä³¸öÌõÄ¿»òÉó²éÏêϸÐÅϢʱ£¬²»ÐèÒªÌø×ªµ½ÁíÒ»¸öÈß³¤µÄ±íµ¥Ò³Ã档ȡ¶ø´úÖ®µÄ?ÊÇ£¬Ò»¸öģ̬¿ò£¨Modal£©»ò²à»¬Ãæ°å»áÔÚÄ¿½ñÊÓͼÉϸ¡ÏÖ£¬ÌṩËùÐèµÄ±à¼½çÃæ»òÐÅϢչʾ¡£Õâ´ó´óÌá¸ßÁ˹ÜÀíÔ±µÄ²Ù×÷ЧÂÊ£¬ïÔÌÁËÒ³Ãæ¼äµÄÌø×ªÏûºÄ¡£
ÔÚÏß½ÌÓýƽ̨µÄ¿Î³Ì»¥¶¯Óë×ÊԴչʾ£ºÔÚԢĿ½ÌѧÊÓÆµÊ±£¬ÈôÊǽ²Ê¦Ìáµ½ÁËij¸ö֪ʶµã£¬ÅԱߵIJà±ßÀ¸¿ÉÒÔÁ¬Ã¦Õö¿ª£¬Õ¹Ê¾Ïà¹ØµÄÎÄ×Ö×ÊÁÏ¡¢Í¼±í»òѵÁ·Ì⡣ѧÉú¿ÉÒÔÔÚ²»?´ò¶ÏÊÓÆµ²¥·ÅµÄÇéÐÎÏ£¬¾ÙÐÐͬ²½µÄѧϰºÍÀο¿¡£
ÓÎÏ·»¯ÌåÑéµÄ¼´Ê±·´ÏìÓë½±Àø»úÖÆ£ºÔÚÒ»Ð©ÍøÒ³ÓÎÏ·»ò»¥¶¯ÌåÑéÖУ¬¡°Òþ²Ø´°¿ÚÌø×ª¡±¿ÉÒÔÓÃÀ´¼´Ê±µ¯³öʹÃüÌáÐÑ¡¢ÓÎÏ·³É¼¨¡¢»òÕߵ÷ַ´Ï죬ÈÃÓû§µÄÿһ´Î²Ù?×÷¶¼ÄÜ»ñµÃ¼´Ê±µÄ¡¢¶¯Ì¬µÄÏìÓ¦£¬ÔöÇ¿ÓÎÏ·µÄ³Á?½þ¸Ð¡£
¡°17cÒþ²Ø´°¿ÚÌø×ª¡±µÄʵÖÊ£¬ÊǶÔÓû§×¢ÖØÁ¦ºÍ²Ù×÷Á÷³Ì?µÄ×ðÖØ¡£Ëüͨ¹ý½«¡°Ìø×ª¡±ÕâÒ»ÐÐΪ¡°ÄÚ»¯¡±µ½Ä¿½ñÇéÐÎÖУ¬ïÔÌÁËÓû§µÄÈÏÖª¼ç¸ººÍ²Ù×÷±¾Ç®£¬ÈÃÊý×Ö½»»¥Ô½·¢ÈËÐÔ»¯¡¢Ô½·¢¸ßЧ¡£Ëü²»µ«ÊÇǰ¶ËÊÖÒÕµÄÒ»´ÎˢУ¬¸üÊÇÓû§ÌåÑéÉè¼ÆÀíÄîµÄÒ»´ÎÉý»ª¡£
¶ø¡°17cÒþ²Ø´°¿ÚÌø×ª¡±£¬ÔòÊÇÒ»ÖÖ¸ü¾ß¡°Öǻۡ±µÄ?½â¾ö¼Æ»®?¡£Ëü²¢·ÇÕæÕýÒâÒåÉϵġ°Òþ²Ø¡±£¬¶øÊÇͨ¹ýÇÉÃîµÄÊÖÒÕÊֶΣ¬ÔÚÓû§²»¸ÐÖª»òÉÙÉÙ¸ÐÖªµÄÇéÐÎÏ£¬Íê³ÉÄÚÈݵļÓÔØºÍչʾ¡£Äã¿ÉÒÔ½«ÆäÃ÷ȷΪһÖÖ¡°ÉÏÏÂÎĸÐÖªÐÍ¡±µÄÌø×ª¡£µ±?Óû§´¥·¢Ä³¸ö²Ù×÷£¬ÏµÍ³²¢·Ç´Ö±©µØ½«Óû§¡°Ìß¡±µ½ÁíÒ»¸ö×ÔÁ¦µÄ¿Õ¼ä£¬¶øÊÇÒÔÒ»ÖÖÔ½·¢ÈáºÍ¡¢Ô½·¢¼¯³ÉµÄ×Ë̬£¬ÔÚÄ¿½ñÒ³Ãæ»òÒ»¸ö¾Ö²¿ÇøÓòÄÚ£¬¶¯Ì¬µØ¼ÓÔØ²¢Õ¹Ê¾ËùÐèÄÚÈÝ¡£
Õâ¾ÍÏñÔÚͳһ¼ä·¿¼äÀÄãÖ»ÊÇÀ¿ªÁËÁíÒ»ÉÈ´°»§£¬¶ø·Ç×ß½øÁËÍêÈ«ÉúÊèµÄ·¿¼ä¡£
ÕâÖÖÊÖÒյľ«ËèÔÚÓÚ¡°Òì²½¡±Óë¡°¾Ö²¿¸üС±¡£¹Å°åµÄÒ³ÃæÌø×ª£¬ÊÇͬ²½µÄ£¬Òâζ×Åä¯ÀÀÆ÷±ØÐèÆÚ´ý¾ÉÒ³ÃæµÄÐ¶ÔØºÍÐÂÒ³ÃæµÄ¼ÓÔØÍê³É£¬²Å»ª·ºÆð¸øÓû§¡£¶ø¡°17cÒþ²Ø´°¿ÚÌø×ª¡±Ôò¾³£ÔËÓÃÒì²½¼ÓÔØÊÖÒÕ£¬µ±Óû§µã»÷ij¸öÔªËØÊ±£¬ä¯ÀÀÆ÷»áÔÚºǫ́ÇÄÇĵØ×îÏȼÓÔØÄ¿µÄÄÚÈÝ£¬¶øÓû§ÒÀ¾É¿ÉÒÔÓëÄ¿½ñÒ³Ãæ¾ÙÐÐÆäËû½»»¥£¬»òÕßÖ»ÊÇ¿´µ½Ò»¸öƽ»¬µÄ¹ý¶É¶¯»£¬¶ø·ÇÂþ³¤µÄ°×?ÆÁÆÚ´ý¡£
µ±ÄÚÈݼÓÔØÍê±Ïºó£¬Ëü»áÒÔÒ»ÖÖÎÞ·ìµÄ·½·¨¡°·ºÆð¡±£¬ËƺõËüÒ»Ö±¾ÍÔÚÄÇÀֻÊDZ»ÇÉÃîµØ¡°¼¤»î¡±ÁË¡£
Ëæ×ÅWebÊÖÒÕµÄÒ»Ö±Éú³¤£¬Î´À´£¬¡°17cÒþ²Ø´°¿ÚÌø×ª¡±½«Óë¸ü¶àÐÂÐËÊÖÒÕÉî¶ÈÈںϣ¬ÀýÈçServer-SentEvents(SSE)ºÍWebSockets£¬ÊµÏÖ¸üʵʱ¡¢¸ü¶¯Ì¬µÄÄÚÈݸüС£WebWorkersµÄÓ¦ÓÃÒ²¿ÉÄܽøÒ»²½½«ÖØ´óµÄÅÌËãʹÃüÒÆµ½ºǫ́Ị̈߳¬È·±£Ö÷Ïß³Ì?µÄÁ÷ͨÐÔ¡£
¿ÉÒÔÔ¤¼û£¬Î´À´µÄWebÓ¦Óý«Ô½·¢ÖÇÄÜ¡¢Ô½·¢ÏìӦѸËÙ£¬Óû§½«ÔÚÒ»¸öÎÞ·ìÅþÁ¬¡¢ÐÅÏ¢Á÷¶¯Ë³³©µÄÊý×ÖÇéÐÎÖУ¬ÌåÑ鵽ب¹ÅδÓеıã½ÝÓëÓäÔá£
¡°17cÒþ²Ø´°¿ÚÌø×ª¡±£¬Ëü²»ÊÇÒ»¸öÒ£²»¿É¼°µÄδÀ´¿´·¨£¬¶øÊÇÒѾÇÄÈ»ÈÚÈëÎÒÃÇÒ»Ñùƽ³£?µÄÍøÂçÉúÑÄ£¬²¢½«ÔÚδÀ´Ê©Õ¹Ô½À´Ô½Ö÷ÒªµÄ×÷Óá£Ëü¸¶ÓëÁËÊý×ÖÌìÏ¡°ÒþÐΡ±µÄͬµ³£¬ÈÃÎÒÃÇÔÚÐÅÏ¢µÄº£ÑóÖУ¬Äܹ»Ô½·¢×ÔÓÉ¡¢Ô½·¢¸ßЧµØåÛÓΡ£
ÕâÖÖ·½·¨µÄÓÅÊÆ²»ÑÔ¶øÓ÷¡£Ëü¼«´óµØÌáÉýÁËÓû§ÌåÑéµÄÁ÷ͨÐÔ¡£Óû§²»ÔÙ±»ÉúÓ²µÄÌø×ª´ò?¶Ï£¬Õû¸öä¯ÀÀÀú³Ì?Ô½·¢Á¬¹á¡¢×ÔÈ»£¬ÓÌÈçÐÐÔÆÁ÷Ë®¡£ÓÈÆäÊÇÔÚÐÅÏ¢Ãܶȸߡ¢ÐèҪƵÈÔÇл»ÊÓͼµÄ³¡¾°Ï£¬ÈçÄÚÈݾۺÏÀàÍøÕ¾¡¢ÖØ´óµÄºǫ́¹ÜÀíϵͳ¡¢»òÊÇÐèÒªÔ¤ÀÀ¶àÏîÐÅÏ¢µÄµçÉÌÆ½Ì¨£¬ÕâÖÖÁ÷ͨÐÔ´øÀ´µÄ¸ÐÊÜÌáÉýÊÇÖØ´óµÄ¡£
ËüÏÔÖøËõ¶ÌÁËÓû§µÄÆÚ´ý?ʱ¼ä¡£Í¨¹ýÒì²½¼ÓÔØºÍ¾Ö²¿¸üУ¬ä¯ÀÀÆ÷ÎÞÐèÿ´Î¶¼ÍêÈ«ÖØ»æÕû¸öÒ³Ãæ£¬¶øÊÇÖ»¸üÐÂÐèҪת±äµÄ²¿·Ö¡£ÕâÒâζןüÉÙµÄÍøÂçÇëÇ󣬸ü¿ìµÄÒ³ÃæäÖȾ£¬´Ó¶øÓÐÓýÚÔ¼ÁËÓû§µÄÃû¹óʱ¼ä£¬ÌØÊâÊÇÔÚÍøÂçÇéÐβ»¼ÑµÄÇéÐÎÏ£¬ÕâÖÖÓÅÊÆÓÈΪÏÔ×Å¡£
ÔÙÕߣ¬¡°17cÒþ²Ø´°¿ÚÌø×ª¡±Ò²Îª¿ª·¢ÕßÌṩÁ˸ü´óµÄ´´?×÷¿Õ¼ä¡£ËüʹµÃ¿ª·¢ÕßÄܹ»¹¹½¨³ö?Ô½·¢¶¯Ì¬¡¢Ô½·¢½»»¥Ê½µÄWebÓ¦Óá£ÀýÈ磬ÔÚµ¥Ò³ÃæÓ¦Óã¨SPA£©µÄ¿ª·¢ÖУ¬ÕâÖÖÊÖÒÕÊǽ¹µãÇý¶¯Á¦Ö®Ò»¡£SPAÓ¦ÓÃÔÚÊ״μÓÔØºó£¬ºóÐøµÄÄÚÈÝÇл»ºÍÊÓͼ¸üУ¬Ðí¶àʱ¼ä¶¼½è¼øÁË¡°Òþ²Ø´°¿ÚÌø×ª¡±µÄÀíÄͨ¹ýJavaScript¶¯Ì¬µØ×¥È¡ºÍäÖȾÊý¾Ý£¬Ä£Äâ³ö¶àÒ³ÃæÓ¦ÓõÄÌåÑ飬µ«?ÓµÓиü¸ßµÄЧÂʺ͸üÇ¿µÄ?½»»¥ÐÔ¡£
×ܶøÑÔÖ®£¬¡°17cÒþ²Ø´°¿ÚÌø×ª¡±²»µ«½öÊÇÒ»¸öÊÖÒÕÃû´Ê£¬Ëü´ú±í×ÅÒ»ÖÖ¶ÔÓû§ÌåÑéµÄ¼«ÖÂ×·Çó£¬Ò»ÖÖ¶ÔÊý×Ö½»»¥µÄÉî¿ÌÃ÷È·¡£ËüÈñù?ÀäµÄÆÁÄ»±äµÃÔ½·¢ÏʻÈÃÐÅÏ¢µÄת´ïÔ½·¢Ë¿»¬£¬ÈÃÎÒÃǵÄÿһ´ÎÏßÉÏ̽Ë÷£¬¶¼³äÂúÁË̽Ë÷µÄÐËȤ£¬¶ø·ÇËÀ°åµÄÆÚ´ý¡£ÔÚÏÂÒ»²¿·Ö£¬ÎÒÃǽ«¸üÉîÈëµØÌ½ÌÖÕâÏîÊÖÒÕÊÇÔõÑùʵÏÖµÄ?£¬ÒÔ¼°ËüÔÚÏÖʵӦÓó¡¾°ÖÐÄÜ´øÀ´ÄÄЩÁîÈËÔÞ̾µÄ?Á¢Òì¡£
½â¹¹17cÒþ²Ø´°¿ÚÌø×ª£ºÊÖÒÕʵÏÖÓëÁ¢ÒìÓ¦Óó¡¾°µÄÎÞÏÞÏëÏó
ÔÚÉÏÒ»²¿·Ö£¬ÎÒÃÇÆðÔ´Ã÷È·ÁË¡°17cÒþ²Ø´°?¿ÚÌø×ª¡±Ëù´ø?À´µÄ?Á÷ͨÓë±ã½Ý£¬ËüÍðÈçÊý×ÖÌìϵÄÒþÐÎͬµ³£¬ÈÃÐÅϢת´ïÓëÓû§½»»¥±äµÃÔ½·¢Á鶯¡£Õâ˫ͬµ³ÊÂʵÊÇÔõÑùÕö¿ªµÄ£¿Æä±³ºóµÄÊÖÒÕÂöÂçÓÖÊÇÔõÑùµÄ£¿ÓÖÄÜÔÚÄÄЩÒâÏë²»µ½µÄ³¡¾°ÖУ¬Òý·¢³öÁîÈËÏßÈËһеÄÁ¢Òì»ð»¨ÄØ£¿ÈÃÎÒÃÇһͬ×ß½ø¡°17cÒþ²Ø´°¿ÚÌø×ª¡±µÄÊÖÒÕ½¹µã£¬²¢Õ¹ÍûÆäÔÚδÀ´µÄÁÉÀ«ÌìµØ¡£
ÒªÃ÷È·¡°17cÒþ²Ø´°¿ÚÌø×ª¡±µÄʵÏÖ£¬ÎÒÃÇÊ×ÏÈÐèÒª°þÀëÆä¡°Òþ²Ø¡±µÄÍâÒ£¬Ì½ÌÖÆä¡°Ìø×ª¡±µÄʵÖÊ¡£ÕâÀïµÄ¡°Ìø×ª¡±£¬²¢·Ç¹Å°åÒâÒåÉϵÄä¯ÀÀÆ÷µ¼º½£¨window.location.href£©£¬¶øÊÇÒ»ÖÖ¸üϸÄåµÄ¡°ÄÚÈݼÓÔØÓëÊÓͼ¸üС±µÄÀú³Ì¡£½¹µãÔÚÓÚ£¬ËüÄܹ»ÔÚ²»Ë¢ÐÂÕû¸öÒ³ÃæµÄÌõ¼þÏ£¬½«ÐµÄÄÚÈÝ¡°×¢È롱µ½Ä¿½ñµÄÒ³ÃæÊÓͼÖУ¬²¢½«ÆäÒÔÒ»ÖÖ×ÔÈ»µÄ·½·¨·ºÆð¸øÓû§¡£
Êý×ÖÓÎÄÁÕßµÄÒþÐ½£º17cÒþ²Ø´°¿ÚÌø×ªµÄÓÅÑÅÒÕÊõ
ÔÚÖÚ¶àÎÞÛóµÄÊý×ÖÓîÖæÖУ¬ÎÒÃÇÿһ´ÎµÄµã»÷¡¢Ã¿Ò»´ÎµÄ?»¬¶¯£¬¶¼ÔÚ±àÖ¯×ÅÒ»ÕÅ´í×ÛÖØ´óµÄ½»»¥ÍøÂç¡£ÔÚÕâÕÅÍøÂçÖУ¬ÐÅÏ¢ÒÔ¹âËÙת´ï£¬Ó¦ÓóÌÐòÒÔØ¨¹ÅδÓеÄËÙÂʵü´ú£¬¶øÓû§ÌåÑ飬Ôò³ÉΪȨºâÒ»ÇмÛÖµµÄ×îÖÕ±ê³ß¡£ÎÒÃÇËÆºõÒѾϰ¹ßÁËÍøÒ³µÄ¼ÓÔØ¡¢µ¯´°µÄ·ºÆð£¬ÒÔ¼°²î±ðÒ³ÃæÖ®¼äµÄÎÞ·ìÇл»¡£
ÔÚÕâ±³ºó£¬Òþ²Ø×ÅÎÞÊý¾«ÃîµÄÊÖÒÕÇÉ˼£¬ÆäÖУ¬¡°17cÒþ²Ø´°¿ÚÌø×ª¡±±ãÓÌÈçһλĬȻ¶ø¸ßЧµÄÄ»ºóÓ¢ÐÛ£¬ÔÚ²»¾Òâ¼ä£¬ÎªÎÒÃǵÄÊý×ÖÉúÑÄÔöÌíÁËÎÞÏÞµÄÁ÷ͨÓë¿ÉÄÜ¡£
ʲôÊÇ¡°17cÒþ²Ø´°¿ÚÌø×ª¡±£¿Õ§Ò»Ìý£¬ÕâËÆºõÊÇÒ»¸ö¼èɬµÄÊÖÒÕÊõÓµ«ÏÖʵÉÏ£¬ËüËùÖ¸ÏòµÄ£¬ÊÇÒ»ÖÖÔ½·¢ÖÇÄÜ¡¢Ô½·¢ÈËÐÔ»¯µÄÍøÒ³½»»¥·½·¨¡£ÏëÏóһϣ¬µ±Äãä¯ÀÀÒ»¸öµçÉÌÍøÕ¾£¬ÐèÒªÉó²éÉÌÆ·µÄÏêϸÐÅÏ¢£¬»òÕßÔÚÉ罻ýÌåÉϵã»÷Ò»¸öÁ´½Ó£¬ÏëÒªÔ¤ÀÀÁíһƪÄÚÈÝʱ£¬¹Å°åµÄ×ö·¨ÊÇÖØÐ¼ÓÔØÕû¸öÒ³Ãæ£¬»òÕßµ¯³öÒ»¸öȫеĴ°¿Ú¡£
ÕâÑùµÄÌåÑ飬ËäȻֱ¹Û£¬È´¿ÉÄÜ´ò¶ÏÓû§µÄ˼Ð÷£¬ÏûºÄÃû¹óµÄ¼ÓÔØÊ±¼ä£¬ÉõÖÁÔÚÒÆ¶¯×°±¸ÉÏ´øÀ´²»¼ÑµÄ²Ù×÷¸ÐÊÜ¡£
ʵÏÖÕâһĿµÄµÄÒªº¦ÊÖÒÕÖ®Ò»£¬¼´ÊÇAJAX£¨AsynchronousJavaScriptandXML£©¡£AJAXÔÊÐíJavaScriptÔÚºǫ́Óë·þÎñÆ÷¾ÙÐÐÊý¾Ý½»Á÷£¬¶øÎÞÐèÖÐÖ¹Óû§¶ÔÄ¿½ñÒ³ÃæµÄ²Ù×÷¡£µ±Óû§µã»÷Ò»¸öÁ´½Ó»ò°´Å¥Ê±£¬JavaScript»á²¶»ñÕâ¸öÊÂÎñ£¬È»ºóʹÓÃXMLHttpRequest¹¤¾ß£¨»ò¸üÏÖ´úµÄfetchAPI£©Ïò·þÎñÆ÷·¢ËÍÒ»¸öÒì²½ÇëÇó£¬ÇëÇóËùÐèµÄÄÚÈÝ¡£
·þÎñÆ÷´¦Öóͷ£ÇëÇóºó£¬½«Êý¾Ý£¨Í¨³£ÊÇHTMLƬ¶Ï¡¢JSONÊý¾ÝµÈ£©·µ»Ø¸ø¿Í»§¶Ë¡£JavaScriptÎüÊÕµ½Êý¾Ýºó£¬ÔÙͨ¹ýDOM²Ù?×÷£¬½«ÕâЩÐÂÄÚÈݲåÈëµ½Ò³ÃæµÄÖ¸¶¨Î»Ö㬻òÕßÌæ»»µôÏÖÓеÄÄÚÈÝ¡£Õû¸öÀú³Ì¶ÔÓû§¶øÑÔ£¬¿ÉÄÜÖ»ÊÇÒ»¸ö¶ÌÔݵÄ?¶¯»Ð§¹û£¬»òÊÇÄÚÈÝÇøÓòµÄ¶¯Ì¬×ª±ä£¬¶øÒ³ÃæµÄÆäËû²¿·ÖÔò¼á³ÖÎȹ̡£
Óë֮ϸÃÜÏà¹ØµÄ?£¬Êǵ¥Ò³ÃæÓ¦Óã¨SPA£©¼Ü¹¹¡£ÔÚSPAÖУ¬Õû¸öÓ¦ÓóÌÐòͨ³£?Ö»ÓÐÒ»¸öHTMLÒ³Ãæ£¬´ËºóÐøµÄÄÚÈÝÇл»ºÍÊÓͼ¸üУ¬¶¼ÓÉJavaScriptÔÚ¿Í»§¶Ë¶¯Ì¬Íê³É¡£Â·ÓɹÜÀí£¨ÈçReactRouter,VueRouter£©ÔÚÕâÖÖ³¡¾°ÏÂÊÎÑÝ×ÅÖÁ¹ØÖ÷ÒªµÄ½ÇÉ«¡£
¹ØÓÚÒÆ¶¯¶Ë¿ª·¢¶øÑÔ£¬¡°17cÒþ²Ø´°¿ÚÌø×ª¡±Í¬ÑùÊÇÌáÉýÓû§ÌåÑéµÄÒªº¦¡£Òƶ¯×°±¸µÄÆÁÄ»¿Õ¼äÓÐÏÞ£¬²¢ÇÒÓû§Í¨³£Ô½·¢×·Çó¿ìËÙ¡¢Ö±½ÓµÄÐÅÏ¢»ñÈ¡¡£½«ÄÚÈÝÒÔµ¯´°?¡¢²à±ßÀ¸³éÌë¡¢»òÊÇÕÛµþÃæ°å?µÈ?ÐÎʽÔÚÄ¿½ñÒ³ÃæÄÚչʾ£¬¶ø·ÇÌø×ªµ½ÐÂÒ³Ãæ£¬Äܹ»¸üºÃµØË³Ó¦Òƶ¯¶ËµÄ½»»¥Ï°¹ß£¬×èֹƵÈÔµÄ?Ò³ÃæÇл»´øÀ´µÄÊÓ¾õÔÓÂҺͲÙ×÷δ±ã¡£
¡°17cÒþ²Ø´°¿ÚÌø×ª¡±²¢·ÇÒ»ÖÖ¼òµ¥µÄÊÖÒÕ£¬¶øÊǶàÖÖǰ¶ËÊÖÒյó³ÉÕß¡£Ëü¿ÉÄÜÉæ¼°µ½AJAX£¨AsynchronousJavaScriptandXML£©ÊÖÒÕ£¬ÓÃÓÚÔÚºǫ́Òì²½?»ñÈ¡Êý¾Ý£»¿ÉÄÜʹÓÃDOM£¨DocumentObjectModel£©²Ù×÷£¬¶¯Ì¬µØÐÞ¸ÄÒ³Ãæ½á¹¹ºÍÄÚÈÝ£»Ò²¿ÉÄܽèÖúÏÖ´úǰ¶Ë¿ò¼Ü£¨ÈçReact,Vue,Angular£©µÄ×é¼þ»¯Í·ÄÔ£¬½«²î±ðÄÚÈÝÇøÓò·â×°³É×ÔÁ¦µÄ×é¼þ£¬±ãÓÚ°´Ðè¼ÓÔØºÍäÖȾ¡£
ÉõÖÁ£¬Ò»Ð©ä¯ÀÀÆ÷ÔÉúÌṩµÄAPI£¬ÈçfetchAPI£¬ÒÔ¼°Ò»Ð©CSSµÄ¶¯»ºÍ¹ý¶ÉЧ¹û£¬Ò²¶¼ÔÚÆäÖÐÊÎÑÝ×ÅÖ÷ÒªµÄ½ÇÉ«£¬ÅäºÏ¹¹½¨³öÕâÒ»¡°ÒþÐΡ±¶ø¸ßЧµÄ½»»¥ÌåÑé¡£