Ò»¡¢ÍøÒ³½»»¥µÄ»ù´¡ÔÀíÑݽø
ÅÄ»÷ÍøÒ³µÄµ×²ãÂ߼ʼÓÚ³¬Îı¾´«ÊäÐÒ飨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±ê×¼µÄÍÆ½ø£¬ÅÄ»÷½»»¥ÕýÍ»ÆÆ¶þÎ¬Æ½ÃæÏÞÖÆ¡£ÊÖÊÆÊ¶±ðËã·¨¿ÉÒÔÖ±½ÓÆÊÎöÉãÏñÍ·ÊÕÂÞµÄÊÖ²¿Ðж¯£¬½«¹Å°åµã»÷ת»¯ÎªÈýά¿Õ¼äÖеÄÑ¡Ôñ²Ù×÷¡£»úеѧϰģ×ÓµÄÒýÈ룬ʹµÃä¯ÀÀÆ÷ÄÜÕ¹ÍûÓû§µÄ½»»¥Òâͼ£¬ÊµÏÖµã»÷²Ù×÷µÄÔ¤¼ÓÔØÓÅ»¯¡£
ÉúÎïÈÏÖ¤ÊÖÒÕµÄÈںϴøÀ´ÁËпÉÄÜ¡£ÔÚÅÄ»÷ÊÂÎñÖÐÈÚºÏÖ¸ÎÆÊ¶±ð£¬¿ÉÒÔÔÚ°ü¹ÜÇå¾²ÐÔµÄͬʱ¼ò»¯µÇ¼Á÷³Ì¡£¿É»á¼ûÐÔ±ê×¼µÄÑݽø£¬Ò²ÈÃîÕßÓû§¿ÉÒÔͨ¹ýÌØ¶¨µã»÷½Ú×àÓëÍøÒ³ÄÚÈݽ»»¥£¬Õâ±ê¼Ç×ŵã»÷ÊÖÒÕÕýÏòÈ«¸Ð֪ά¶ÈÉú³¤¡£
´ÓÊó±êµã»÷µ½ÊÖÖ¸Çá´¥£¬ÅÄ»÷ÍøÒ³ÕâÒ»»ù´¡½»»¥Ò»Á¬Íƶ¯×ÅÍøÂçÌåÑéµÄ½ø»¯¡£Ã÷È·ÆäÊÖÒÕÔÀí²»µ«ÄÜÓÅ»¯ÏÖÓÐϵͳ£¬¸üÄÜÔ¤¼ûÈË»ú½»»¥µÄδÀ´ÐÎ̬¡£µ±ÐÂÊÖÒÕ²ã³ö²»Çîʱ£¬ÎÒÃǸüÓ¦¸ÃÖØÊÓÕâЩ¾µä½»»¥Âß¼µÄÒ»Á¬Á¢ÒìÓëÆ½Îȹý¶É¡£Í¨¹ý¿ÆÑ§Êµ¼ùÒªÁìºÍǰհÐÔÊÖÒÕÑ¡ÐÍ£¬¿ª·¢ÕßÄÜÈÃÓû§ÔÚÿ¸ö"ÅÄ»÷"˲¼ä¸ÐÊܵ½¿Æ¼¼µÄ¾«×¼Óëζȡ£Ë«ÈËÁÏÀí¶¯ÏßÍýÏëÒª¾÷
¸ßЧ³ø·¿ÔË×÷ʼÓÚ¿ÆÑ§¿Õ¼äÖÎÀí¡£½¨Òé½ÓÄÉ"Èý½ÇÊÂÇę́"½á¹¹£¬½«²Ù×÷̨¡¢Ôî¾ßºÍË®²Û×é³ÉµÈÑüÈý½ÇÐΣ¬Ëõ¶ÌÍù·µ¾àÀë¡£ÌØÊâÔÚ30cm¿í¶ÈµÄ²Ù×÷ÇøÉèÖù¤¾ß¹Ò¼Ü£¬ÊÕÄɳ´Éס¢¼Ð×ӵȳ£ÓÃÓþߣ¬ÊµÏÖÈ¡ÓÃʱ¼ä½ÚÔ¼40%¡£¹ØÓÚ2ÈËÐ×÷³¡¾°£¬ÍƼö½ÓÄÉ"Ö÷³ø+°ï³ø"·Ö¹¤Ä£Ê½£¬Ç°ÕßÈÏÕæÐèÒªÒ»Á¬ÕÕ¿´µÄ±¬³´Àà²ËÆ·£¬ºóÕßͬ²½×¼±¸Á¹°è»òÌÀÆ·¡£
ʳ²ÄÔ¤´¦Öóͷ£»Æ½ð¹æÔò
ʳ²ÄÔ¤´¦Öóͷ£ºÃ±ÈÕ½ÕùǰµÄÎï×Ê×¼±¸¡£Á½ÈË·ÝÁÏÀí½¨ÒéÑ¡¹º150g¹æ¸ñµÄС°üװʳ²Ä£¬ÍƼö½ÓÄÉ"ËÄÏóÏÞÔ¤´¦Öóͷ£·¨"£º½«Ê³²Ä°´ÉúÊì¶È·Ö×°ÔÚ²î±ðÈÝÆ÷£¬Àä²ØÇøÉÏ²ã´æ·Å¼´Ê³ÀàÁ¹²ËÖÊÁÏ£¬Ï²㰲ÅÅÐèÒªëçÖÆµÄÈâÀà¡£×îаæ½Ì³ÌÌØÊâÇ¿µ÷Ô¤´¦Öóͷ£Ê±µÄÇå¾²ÊØÔò£¬ÈçʹÓÿ¹¾úÕè°å´¦Öóͷ£ÉúÏÊ£¬ÇÐÅäµ¶¾ßÑÏ¿áÇø·Ö»çËØÖÖ±ð¡£ÄãÖªµÀÂð£¿×¼È·Ô¤´¦Öóͷ£µÄʳ²Ä±£ÏÊÆÚ¿ÉÑÓÉì1.5±¶¡£
Áãʧ°Üµ÷ζ·½³Ìʽ
ÔÚË«È˳ø·¿³¡¾°ÖУ¬¹¹½¨±ê×¼µ÷ζ±ÈÀýϵͳÓÈΪÖ÷Òª¡£½¨Ò齨Éè»ù´¡ÁÏÖÅä·½¿â£¬"ÍòÓó´²Ë½´Ö"°´Éú³é:òºÓÍ:ÌÇ=3:2:1µ÷Å䣬ÄÜÊÊÅä80%µÄ¼Ò³£Ð¡³´¡£Õë¶Ô²î±ð²Ëϵ¿Éµ÷½â²ÎÊý£¬×ö´¨Ê½¹¬±£¼¦¶¡Ê±¼ÓÈë0.5·Ý´×ÌáÏÊ£¬Åëâ¿ÔÁʽ½æÀ¶Ôò½¨Òé²¹ÈëÊÊÁ¿Óã¶¡£×îÐÂÊý¾Ýͳ¼ÆÏÔʾ£¬ºÏÀíʹÓÃÔ¤ÖÆ½´ÖÄÜʹÕûÌå³ö²ÍЧÂÊÌáÉý35%¡£
Öǻ۳ø¾ßÐͬ¼Æ»®
ÏÖ´ú³ø·¿¿Æ¼¼ÎªË«ÈËÁÏÀí´øÀ´¸ü¶à¿ÉÄÜ¡£½¨ÒéÉèÖö๦ЧÁÏÀí¹ø+¿ÕÆøÕ¨¹ø×éºÏ£¬ÊµÏÖͬ²½ÖÆ×÷Á½¸ö²ËÆ·¡£µä·¶°¸Àý£ºÖ÷¹ø¾ÙÐÐËâÈØ·Û˿ϺµÄÕôÖÆÊ±£¬¿ÕÆøÕ¨¹ø¿Éͬ²½´¦Öóͷ£½·ÑÎÅŹǡ£×îÐÂÆÀ²âÏÔʾ£¬´ËÀà×éºÏÄܽ«Åëâ¿Ê±¼äËõ¶ÌÖÁ¹Å°å·½·¨µÄ2/3¡£´îÅäʹÓÃ304²»Ðâ¸Ö´ø¿Ì¶ÈÁÏÀíÍ룬ȷ±£µ÷ÁÏͶ·Å¾«¶È´ï¡À1¿Ë£¬¹æ±ÜζµÀ¹ýÖØµÄΣº¦¡£
³¡¾°»¯²Ëµ¥Éè¼ÆÕ½ÂÔ
ƾ֤Óòͳ¡¾°¶¨ÖƲ˵¥ÊÇÌáÉýÐÒ¸£¸ÐµÄÒªº¦¡£ÊÂÇéÈÕ½¨Òé½ÓÄÉ"Ë«Ö÷²Ë+¿ìÌÀ"×éºÏ£¬ºÃ±ÈÓãÏãÈâË¿´îÅäòºÓÍÉú²Ë£¬¸¨ÒÔ·¬Çѵ°»¨ÌÀ¡£ÖÜÄ©¿ÉʵÑé´´ÒâÁÏÀí£¬Ð¿ª·¢µÄ"Ë«ÈËDIYÌú°åÉÕ"ģʽ£¬½«ÉÕÈȵÄÌú°åÖÃÓÚ²Í×ÀÖÐÑ룬ͬ²½¿¾ÖÆÅ£ÅÅÓëʱÊߣ¬¼È°ü¹ÜʳÎïζÈÓÖÔöÌí»¥¶¯ÐËȤ¡£¸üкóµÄ²ËÆ×ÌØÊâ±ê×¢¿¨Â·ÀïÊýÖµºÍÓªÑø×é³É£¬±ãÓÚ½¡ÉíÈËȺѡÔñ¡£
´´Òâ°ÚÅÌÃÀѧ¼¼ÇÉ
ÁÏÀíµÄ×îÖÕ·ºÆðÐèÒªÊÓ¾õÒÕÊõ¼Ó³Ö¡£ÍƼöʹÓñÈÕÕÉ«ÔÀí¾ÙÐаÚÅÌ£ºÇà´äÎ÷À¶»¨´îÅä³ÈÉ«ºúÂܲ·Æ¬£¬¸¨ÒÔ°×ɫԲÅÌÖÆÔìÊÓ¾õ¹¥»÷¡£×îÐÂÑз¢µÄÄ£¿é»¯°ÚÅÌ·¨£¬½«²ËÆ·ÆÊÎöΪ"Ö÷ʳ²Ä²ã""Åä²Ë²ã""ÕÚÑÚ²ã"Èý¸ö½á¹¹µ¥Î»£¬¼´¼´ÊÇÁÏÀíÐÂÊÖÒ²ÄÜ¿ìËÙ×é×°³öÐǼ¶²ÍÌüЧ¹û¡£½¨ÒéͶ×ÊÓÔϲÊÌմɲ;ߣ¬ÆäÖʵØÎÂÈóÇÒÄ͸ßÎÂÌØÕ÷£¬ÄÜÍêÉÆ³ÐÔØÖݪֲËʽ¡£
ͨ¹ýϵͳ»¯Ñ§Ï°ºÍÖØ¸´Êµ¼ù£¬Á½¸öÅ®ÉúÍêÈ«¿ÉÒÔÔÚ30·ÖÖÓÄÚÍê³ÉÓªÑøÆ½ºâµÄÁÏÀí¡£¼Ç׎¹µãÔÔò£º¾«×¼ÍýÏëÔÚǰ£¬Ä¬ÆõÅäºÏ¾ÓÖУ¬´´Òâµ÷½âΪ¸¨¡£×îаæ½Ì³ÌÐÂÔöÓ¦¼±Ä£¿é£¬Ö¸µ¼´¦Öóͷ£½¹ºý»ò¹ýÏ̵ÈÍ»·¢×´Ì¬¡£Ö»ÐèÕÆÎÕÕâЩ¼Ò³£×ö·¨¾«Ë裬ºÏ×â³ø·¿Ò²ÄܱäÉíΪÏÊÎ¶ÖÆÔ칤·»¡£