Ò»¡¢ÍøÒ³½»»¥µÄ»ù´¡ÔÀíÑݽø
ÅÄ»÷ÍøÒ³µÄµ×²ãÂ߼ʼÓÚ³¬Îı¾´«ÊäÐÒ飨HTTP£©µÄ»ù´¡Éè¼Æ¡£ÔçÆÚµÄµã»÷ÊÂÎñ£¨click event£©»ùÓÚÊó±ê×ø±ê¶¨Î»£¬ÏÖ´úä¯ÀÀÆ÷ÔòÉú³¤Îª°üÀ¨´¥¿ØÊÂÎñ£¨touch event£©ºÍÊÖÊÆÊ¶±ðµÄ¸´ºÏϵͳ¡£µ±Óû§"ÅÄ»÷"ÆÁĻʱ£¬ä¯ÀÀÆ÷Äں˻áÖ´ÐÐDOM£¨Îĵµ¹¤¾ßÄ£×Ó£©ÔªËصÄÊÂÎñ²¶»ñÓëðÅÝ»úÖÆ£¬´¥·¢¶ÔÓ¦µÄJavaScript»Øµ÷º¯Êý¡£
ÔÚÒÆ¶¯×°±¸ÆÕ¼°ºó£¬300ºÁÃëµã»÷ÑÓ³ÙÎÊÌâÔøÑÏÖØÓ°ÏìÓû§ÌåÑé¡£ÕâÊÇÔçÆÚä¯ÀÀÆ÷ÎªÇø·Öµ¥»÷ÓëË«»÷Éè¼ÆµÄʶ±ð¾àÀë¡£Ëæ×ÅÏìӦʽÉè¼ÆÀíÄîµÄÉú³¤£¬ÏÖ´ú¿ò¼Üͨ¹ýviewportÔª±êÇ©ºÍtouch-actionÑùʽÊôÐÔʵÏÖÁËÁãÑÓ³Ù½»»¥¡£ÕâÖÖÑݱäǡǡӡ֤ÁËÅÄ»÷ÍøÒ³ÊÖÒÕ¶ÔÓû§ÌåÑéµÄÒ»Á¬ÓÅ»¯¡£
¶þ¡¢´¥¿ØÊÖÒÕÓ뾵佻»¥µÄÈÚºÏ
µ±ÎïÀí°´¼üÖð½¥±»´¥ÃþÆÁÈ¡´ú£¬ÅÄ»÷ÍøÒ³µÄ½»»¥·¶Ê½ÕýÂÄÀúÖØ´óˢС£Force TouchÊÖÒÕ¿ÉÒÔ¸ÐÖª°´Ñ¹Á¦¶È£¬ÊµÏÖÈýά½»»¥ÌõÀí£»¶øTaptic Engine´¥¾õ·´ÏìÔòÔÚ´¥¿Ø²Ù×÷ÖÐÄ£ÄâÎïÀí°´¼üµÄÏìÓ¦ÖʸС£ÔÚChrome 75°æ±¾ÖÐÒýÈëµÄPointer Events¹æ·¶£¬¸üͳһÁËÊó±ê¡¢´¥¿Ø±ÊºÍÊÖÖ¸ÊäÈëµÄ½»»¥´¦Öóͷ£Âß¼¡£
ÔõÑù°ü¹Ü¹Å°åÍøÒ³ÔÚÐÂÉè±¹ØÁ¬Ä¼æÈÝÐÔ£¿ä¯ÀÀÆ÷³§É̽ÓÄÉÁ˽¥½øÔöǿսÂÔ£¬±£´æÔÓÐclickÊÂÎñµÄͬʱ£¬ÐÂÔöÁËtouchstart/touchendÊÂÎñÐòÁС£¿ª·¢Õß¿Éͨ¹ýÊÂÎñ¼àÌýÆ÷ͬʱ´¦Öóͷ£¶àÖÖÊäÈë·½·¨£¬ÕâÖÖ¼æÈÝ»úÖÆÈ·±£Á˾µä½»»¥ÄÜÆ½»¬¹ý¶Éµ½´¥¿ØÊ±´ú¡£
Èý¡¢Óû§ÌåÑéÓÅ»¯µÄÒªº¦ÊÖÒÕ
ÓÅ»¯ÅÄ»÷ÏìÓ¦µÄ½¹µãÔÚÓÚ½»»¥Á´Â·µÄÿ¸ö»·½Ú¡£´ÓÓ²¼þ²ãÃæµÄ´¥Ãþ²ÉÑùÂÊÌáÉý£¬µ½ä¯ÀÀÆ÷äÖȾÀú³ÌµÄÓÅÏȼ¶µ÷½â£¬ÔÙµ½CSSµÄwill-changeÊôÐÔÔ¤¼ÓÔØ£¬Ã¿¸öÊÖÒÕϸ½Ú¶¼ÔÚËõ¶ÌÓû§¸ÐÖªµÄÑÓ³Ùʱ¼ä¡£Chrome DevToolsÖеÄPerformanceÃæ°å£¬ÄÜ׼ȷÕÉÁ¿´ÓÎïÀí´¥Óöµ½JavaScriptÖ´ÐеÄÍêÕûʱ¼äÏß¡£
ÊÓ¾õ·´ÏìÉè¼ÆÍ¬ÑùÒªº¦¡£ÏÖ´úWeb¶¯»ÊÖÒÕÔÊÐí¿ª·¢Õß½¨Éè²ÄÖÊÉè¼Æ£¨Material Design£©Æø¸ÅµÄÁ°äôЧ¹û£¬ÕâÖÖUIÏìÓ¦²»µ«ÌáÉý²Ù×÷È·ÈϸУ¬¸üÖ÷ÒªµÄÊÇ×ñÕÕÁËÈËÀ๤³ÌѧµÄÔ¤ÆÚ¡ª¡ªµ±Óû§ÅÄ»÷ÆÁĻʱ£¬ËûÃÇÆÚ´ý¿´µ½¼´Ê±µÄÊÓ¾õ»ØÀ¡¡£
ËÄ¡¢¶à¶ËÊÊÅäµÄʵ¼ù¼Æ»®
ÔÚ¿çÆ½Ì¨¿ª·¢ÖУ¬ÅÄ»÷ÊÂÎñµÄͳһ´¦Öóͷ£ÃæÁÙÌØÊâÌôÕ½¡£ReactµÈ¿ò¼ÜÌṩµÄSyntheticEventϵͳ£¬½«²î±ðƽ̨µÄÊäÈëÊÂÎñ¾ÙÐбê×¼»¯·â×°¡£Ð§ÀÍÆ÷¶ËäÖȾ£¨SSR£©Ê±£¬ÐèÌØÊâ×¢ÖØÊׯÁÄÚÈݿɽ»»¥Ê±¼ä£¨TTI£©£¬×èÖ¹·ºÆðÓû§ÅÄ»÷ÎÞÏìÓ¦µÄ"¿Õ´°ÆÚ"¡£
ÔõÑù¼ì²â×°±¸µÄ½»»¥ÌØÕ÷£¿Í¨¹ýnavigator.maxTouchPointsÊôÐÔ¿ÉÒÔʶ±ð´¥¿ØÖ§³ÖÇéÐΣ¬ÅäºÏmedia queriesÖеÄpointerÌØÕ÷ÅÌÎÊ£¬¿ª·¢ÕßÄܶ¯Ì¬µ÷½âÊÂÎñ´¦Öóͷ£Õ½ÂÔ¡£ÔÚÕÛµþÆÁ×°±¸ÉÏ£¬´°¿Ú¾Þϸת±äÊÂÎñ£¨resize£©µÄʵʱÏìÓ¦±äµÃÓÈΪÖ÷Òª£¬Õâ¹ØÏµµ½ÔªËصã»÷ÇøÓòµÄ׼ȷÅÌËã¡£
Î塢δÀ´½»»¥µÄÉú³¤Ç÷ÊÆ
Ëæ×ÅWebXR±ê×¼µÄÍÆ½ø£¬ÅÄ»÷½»»¥ÕýÍ»ÆÆ¶þÎ¬Æ½ÃæÏÞÖÆ¡£ÊÖÊÆÊ¶±ðËã·¨¿ÉÒÔÖ±½ÓÆÊÎöÉãÏñÍ·ÊÕÂÞµÄÊÖ²¿Ðж¯£¬½«¹Å°åµã»÷ת»¯ÎªÈýά¿Õ¼äÖеÄÑ¡Ôñ²Ù×÷¡£»úеѧϰģ×ÓµÄÒýÈ룬ʹµÃä¯ÀÀÆ÷ÄÜÕ¹ÍûÓû§µÄ½»»¥Òâͼ£¬ÊµÏÖµã»÷²Ù×÷µÄÔ¤¼ÓÔØÓÅ»¯¡£
ÉúÎïÈÏÖ¤ÊÖÒÕµÄÈںϴøÀ´ÁËпÉÄÜ¡£ÔÚÅÄ»÷ÊÂÎñÖÐÈÚºÏÖ¸ÎÆÊ¶±ð£¬¿ÉÒÔÔÚ°ü¹ÜÇå¾²ÐÔµÄͬʱ¼ò»¯µÇ¼Á÷³Ì¡£¿É»á¼ûÐÔ±ê×¼µÄÑݽø£¬Ò²ÈÃîÕßÓû§¿ÉÒÔͨ¹ýÌØ¶¨µã»÷½Ú×àÓëÍøÒ³ÄÚÈݽ»»¥£¬Õâ±ê¼Ç×ŵã»÷ÊÖÒÕÕýÏòÈ«¸Ð֪ά¶ÈÉú³¤¡£
´ÓÊó±êµã»÷µ½ÊÖÖ¸Çá´¥£¬ÅÄ»÷ÍøÒ³ÕâÒ»»ù´¡½»»¥Ò»Á¬Íƶ¯×ÅÍøÂçÌåÑéµÄ½ø»¯¡£Ã÷È·ÆäÊÖÒÕÔÀí²»µ«ÄÜÓÅ»¯ÏÖÓÐϵͳ£¬¸üÄÜÔ¤¼ûÈË»ú½»»¥µÄδÀ´ÐÎ̬¡£µ±ÐÂÊÖÒÕ²ã³ö²»Çîʱ£¬ÎÒÃǸüÓ¦¸ÃÖØÊÓÕâЩ¾µä½»»¥Âß¼µÄÒ»Á¬Á¢ÒìÓëÆ½Îȹý¶É¡£Í¨¹ý¿ÆÑ§Êµ¼ùÒªÁìºÍǰհÐÔÊÖÒÕÑ¡ÐÍ£¬¿ª·¢ÕßÄÜÈÃÓû§ÔÚÿ¸ö"ÅÄ»÷"˲¼ä¸ÐÊܵ½¿Æ¼¼µÄ¾«×¼Óëζȡ£ »î¶¯£º¡¾ÅÄ»÷°¤´òÊÓÆµÍøÕ¾´óÈ«ÍÆ¼ö×îÐÂÈÈÃÅ×ÊÔ´ÓëÔÚÏßԢĿָÄÏ¡¿ ÔÚ¶ÌÊÓÆµ´´×÷ÅÉú³¤µÄʱ´ú£¬ÇàÉÙÄêÅÄ»÷ÒµÓà×÷Æ··ºÆðÆæÒìÃÀÑ§ÌØÕ÷¡£±¾ÎÄÉîÈëÆÊÎöÕâÖÖÐÂÐÍ´´×÷ÐÎʽµÄÒÕÊõ±í´ï¡¢ÅÄÉã¼¼Çɼ°Éç»á¼ÛÖµ£¬Í¨¹ýÎå¸öά¶È̽ÌÖÔõÑù½«ÉúÑÄ»¯µÄÇà´ºÐðÊÂת»¯Îª¾ßÓÐѬȾÁ¦µÄΨÃÀ¾çÇ飬ΪÇàÉÙÄê´´×÷ÕßÌṩϵͳÐÔÖ¸µ¼¼Æ»®¡£
Ò»¡¢½¹µã½ç˵ÓëÌåÏÖÐÎÊ½ÌØÕ÷
ÇàÉÙÄêÅÄ»÷ÒµÓàʵÖÊÉÏÊÇZÊÀ´úÌØÓеÄÓ°ÏñÐðÊ·½·¨£¬Æä½¹µãÌØÕ÷ÌåÏÖÔÚÈý¸öά¶È£º
ËüÍ»ÆÆ¹Å°å´´×÷¿ò¼Ü£¬ÈÚºÏvlog¼Í¼Óë¾çÇéÑÝÒïµÄË«ÖØÊôÐÔ¡£ÅÄÉãÕß³£Ê¹ÓÃÊÖ»úÎÈ¹ÌÆ÷ÅäºÏ×ÔÈ»¹âЧ£¬ÔÚУ԰²Ù³¡¡¢Ìį̀¥ÌݵÈÒ»Ñùƽ³£³¡¾°¹¹½¨Ï·¾ç³åÍ»¡£ÕâÖÖ´´×÷·½·¨¼È±£´æ¶ÌÊÓÆµµÄ¼´Ê±ÐÔ£¬ÓÖͨ¹ýÃÉÌ«Ææ£¨Montage£©¼ô¼ÖÆÔìÓ°Ï·»¯Æø·Õ¡£
ÉùÒôÉè¼Æ·ºÆðÊ«»¯ÇãÏò£¬´´×÷Õ߯«ºÃ½ÓÄÉÇéÐÎÒôÓëÔ´´ÅäÀÖµþ¼ÓµÄ·½·¨¡£ÔÚÀºÇò³¡ÅÄ»÷»ÃæÖУ¬¼È±£´æÕæÊµµÄÇòÌåÅöײÉù£¬ÓÖ»ìÈë¸ÖÇÙÐýÂÉÔöÇ¿ÇéÐ÷ÕÅÁ¦¡£
ÔõÑùƽºâ¼ÍʵÓëÒÕÊõµÄ¹ØÏµ£¿ÕâÐèÒª´´×÷ÕßÕÆÎÕ·Ö¾µÍ·¾ç±¾Éè¼Æ£¬Í¨¹ýÖÁÉÙÎå¸ö²î±ð¾°±ð£¨Ô¶¾°¡¢Öо°¡¢½ü¾°µÈ£©µÄ×éºÏµ÷Àí£¬½«ÁãÐÇËØ²Äת»¯ÎªÁ¬¹áÐðÊ¡£
¶þ¡¢ÇéÐ÷¹²ÕñµÄÒªº¦ÓªÔìÊÖÒÕ
ÓÅÒìµÄÇàÉÙÄêÅÄ»÷×÷Æ·×ÜÄÜÒý·¢Í¬ÁäÈ˹²Ê¶£¬ÆäÇÏÃÅÔÚÓÚϸ½ÚϵͳµÄ¹¹½¨£º
ÔÚÊÓ¾õ²ãÃæ£¬½ÓÄÉdz½¹¾µÍ·Í»³öÈËÎï΢ÐÄÇ飬ÅäºÏ1/3¹¹Í¼¹æÔòÇ¿»¯»ÃæÕÅÁ¦¡£µ±ÅÄÉã¿Î¼äæÒÄÖ³¡¾°Ê±£¬Ô¶¾°Ð黯µÄÊé¼®¶ÑÆöÓëºó¾°ÇåÎúµÄÈËÎﻥ¶¯ÐγÉÇ¿ÁÒ±ÈÕÕ¡£
ÐðʽṹÉÏÆÕ±é½ÓÄÉ"ÈýĻʽ"±äÐΣ¬½«15-60Ãë¶ÌÊÓÆµ·ÖΪÇéÐ÷ÆÌµæ¡¢³åÍ»±¬·¢¡¢Ê«ÒâÊÕβÈý¸ö½×¶Î¡£ÈçÔÚÓÑÒêÖ÷Ìâ×÷Æ·ÖУ¬¿ªÍ·3ÃëÓÃÂýÐж¯²¶»ñÅļçÐж¯£¬ÖÐÐÄ7ÃëÕ¹ÏÖÎó»á³¡¾°£¬5Ãëͨ¹ýбÑô¼ôÓ°¸æ¿¢Ï¢Õù¡£
Òªº¦Ö¡£¨Keyframe£©µÄÔËÓÃÖ±½ÓÓ°ÏìÇéÐ÷ת´ïЧÂÊ£¬½¨ÒéÔÚÒªº¦¾çÇéµãÉèÖÃ0.5Ã붨¸ñ»Ã棬ÅäºÏÎÄ×Ö¸¡²ãÇ¿»¯Ó°Ïóµã¡£
Èý¡¢¹âÓ°ÓïÑԵĽø½×ÔËÓÃÕ½ÂÔ
¹âЧÔËÓÃÊÇÇàÉÙÄêÅÄ»÷×÷ƷΨÃÀ¶ÈµÄ½¹µã±äÁ¿£¬ÐèÕÆÎÕÈý¸ö»Æ½ðʱ¶Î£º
ÇåÔç7-9µãµÄÈá¹âÊʺÏÌåÏÖÇà´º»îÁ¦£¬¿ÉʹÓô°»§Õ¤¸ñÖÆÔì¹âÓ°ÌõÎÆ£»ÖÐÎçÇ¿¹âÌõ¼þÏ£¬Ó¦ÇÉÃîÔËÓÃÕÚÑôÎïÖÆÔì°ß²µ¹âЧ£»»Æ»èMagic Hour£¨»Æ½ðʱ¿Ì£©ÔòÄÜͨ¹ýůɫµ÷Åã³ÄÇéÐ÷Èȳ±¡£
¹ØÓÚ×°±¸ÊÜÏÞµÄÒµÓà´´×÷Õߣ¬½¨Òé½ÓÄÉ·´¹â°å²¹¹â·¨¡£³ß´ç80cmµÄÒøÃæ·´¹â°å¼È¿ÉÌáÁÁÈËÎïÃæ²¿£¬ÓÖÄÜÔÚµØÃæÐγÉÖ¸µ¼ÊÓÏßµÄ¹â´ø¡£ÓêÎíÌìÆø¿ÉʵÑéÄæ¹âÅÄÉ㣬ÈÃË®µÎÔÚ¾µÍ·Ç°ÐγÉÐÇâЧ¹û¡£
ÊÇ·ñÐèҪרҵµÆ¹â×°±¸£¿×Åʵ×ÔÈ»¹â¾ÓɺÏÀíµ÷ÀíͬÑùÄܸ濢רҵ¼¶Ð§¹û£¬Òªº¦ÔÚÓÚÃ÷È·¹âµÄÓ²ÈáÐÔ×ÓÓëÉ«ÎÂת±ä¼ÍÂÉ¡£
ËÄ¡¢ÉùÒôϵͳµÄÁ¢Ì廯½¨¹¹
ÊÓÌýÁª¾õЧӦ¾öÒé×÷Æ·µÄѬȾÁ¦²ã¼¶£¬½¨Òé¹¹½¨ÈýάÒôƵϵͳ£º
»ù´¡²ã±£´æ3:7µÄÇéÐÎÒôÓë¶Ô°×±ÈÀý£¬ÈçÔÚ¿ÎÌó¡¾°ÖмÈë·ÊéÉù¡¢ÒÎ×ÓŲ¶¯ÉùµÈ°×ÔëÒô¡£ÖÐÐIJã½ÓÄɸÖÇÙ¡¢¼ªËûµÈÀÖÆ÷ÆÌµ×£¬ÐýÂÉ×ßÏòÐèÓë»Ãæ½Ú×àͬ²½²¨¶¯¡£
Ч¹ûÒôµÄÉè¼ÆÒªÍ»ÆÆÍ¨Àý£¬½«ÅÄ»÷Éù¾ÙÐÐÒÕÊõ»¯´¦Öóͷ£¡£½«ÀºÇòײ»÷µØÃæµÄÒôЧ½µµ÷½âÀí£¬µþ¼Ó»ØÉùЧ¹ûºó±äΪ¸»ÓнÚ×à¸ÐµÄ¹Äµã¡£
ÈËÉù´¦Öóͷ£×ñÕÕ"½üÕæÔ¶Ðé"ÔÔò£¬½ü¾àÀë¶Ô»°±£´æºôÎüÉùµÈϸ½Ú£¬Ô¶¾°³¡¾°Ôò½ÓÄɵÍÓïʽÅ԰ס£µ±ÐèÒªÓªÔìÃÔÀë¸Ðʱ£¬¿É½«»ìÏì²ÎÊý£¨Reverb£©µ÷ÖÁ35%-40%Çø¼ä¡£
Îå¡¢Èö²¥ÓÅ»¯µÄÒªº¦Êý¾ÝÖ¸±ê
ÓÅÖÊ×÷Æ·Ðè¾Êý¾ÝÑéÖ¤£¬Öصã¼à²âÈý¸öά¶ÈµÄÖ¸±ê£º
Íê²¥ÂÊÌåÏÖÐðʽÚ×à°Ñ¿ØÄÜÁ¦£¬½¨Òéͨ¹ýAB²âÊÔÓÅ»¯¿ªÆª3ÃëÉè¼Æ¡£µ±Ê¹ÓÃÅÄ»÷Éù×÷Ϊ¿ª³¡ÒôЧʱ£¬¹ÛÖÚÁô´æÂÊÆ½¾ùÌáÉý22%¡£
»¥¶¯ÂÊÓëÇéÐ÷Ũ¶ÈÕýÏà¹Ø£¬¿ÉÔÚÇéÐ÷·åÖµµãÉèÖû¥¶¯ÌáÎÊ¡£ÔÚÖ÷È˹«×ªÉíÀëÈ¥»Ãæµþ¼Ó"ÈôÊÇÊÇÄã»áÔõô×ö"µÄµ¯Ä»´¥·¢µã¡£
Ëã·¨ÍÆ¼ö»úÖÆ¸üÇãÏò2.35:1µÄ¿í»·ù×÷Æ·£¬ÕâÖÖ±ÈÀý¼ÈÄÜÊÊÅäÊÖ»úÊúÆÁԢĿ£¬ÓÖ±£ÓÐÓ°Ï·ÖʸС£µ±ÊÓÆµÊ±³¤Áè¼Ý45Ãëʱ£¬ÐèÉèÖÃÖÁÉÙ3¸öÊÓ¾õÐËȤµãά³ÖԢĿÓûÍû¡£