Ò»¡¢ÍøÒ³½»»¥µÄ»ù´¡ÔÀíÑݽø
ÅÄ»÷ÍøÒ³µÄµ×²ãÂ߼ʼÓÚ³¬Îı¾´«ÊäÐÒ飨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±ê×¼µÄÍÆ½ø£¬ÅÄ»÷½»»¥ÕýÍ»ÆÆ¶þÎ¬Æ½ÃæÏÞÖÆ¡£ÊÖÊÆÊ¶±ðËã·¨¿ÉÒÔÖ±½ÓÆÊÎöÉãÏñÍ·ÊÕÂÞµÄÊÖ²¿Ðж¯£¬½«¹Å°åµã»÷ת»¯ÎªÈýά¿Õ¼äÖеÄÑ¡Ôñ²Ù×÷¡£»úеѧϰģ×ÓµÄÒýÈ룬ʹµÃä¯ÀÀÆ÷ÄÜÕ¹ÍûÓû§µÄ½»»¥Òâͼ£¬ÊµÏÖµã»÷²Ù×÷µÄÔ¤¼ÓÔØÓÅ»¯¡£
ÉúÎïÈÏÖ¤ÊÖÒÕµÄÈںϴøÀ´ÁËпÉÄÜ¡£ÔÚÅÄ»÷ÊÂÎñÖÐÈÚºÏÖ¸ÎÆÊ¶±ð£¬¿ÉÒÔÔÚ°ü¹ÜÇå¾²ÐÔµÄͬʱ¼ò»¯µÇ¼Á÷³Ì¡£¿É»á¼ûÐÔ±ê×¼µÄÑݽø£¬Ò²ÈÃîÕßÓû§¿ÉÒÔͨ¹ýÌØ¶¨µã»÷½Ú×àÓëÍøÒ³ÄÚÈݽ»»¥£¬Õâ±ê¼Ç×ŵã»÷ÊÖÒÕÕýÏòÈ«¸Ð֪ά¶ÈÉú³¤¡£
´ÓÊó±êµã»÷µ½ÊÖÖ¸Çá´¥£¬ÅÄ»÷ÍøÒ³ÕâÒ»»ù´¡½»»¥Ò»Á¬Íƶ¯×ÅÍøÂçÌåÑéµÄ½ø»¯¡£Ã÷È·ÆäÊÖÒÕÔÀí²»µ«ÄÜÓÅ»¯ÏÖÓÐϵͳ£¬¸üÄÜÔ¤¼ûÈË»ú½»»¥µÄδÀ´ÐÎ̬¡£µ±ÐÂÊÖÒÕ²ã³ö²»Çîʱ£¬ÎÒÃǸüÓ¦¸ÃÖØÊÓÕâЩ¾µä½»»¥Âß¼µÄÒ»Á¬Á¢ÒìÓëÆ½Îȹý¶É¡£Í¨¹ý¿ÆÑ§Êµ¼ùÒªÁìºÍǰհÐÔÊÖÒÕÑ¡ÐÍ£¬¿ª·¢ÕßÄÜÈÃÓû§ÔÚÿ¸ö"ÅÄ»÷"˲¼ä¸ÐÊܵ½¿Æ¼¼µÄ¾«×¼Óëζȡ£
Ò»¡¢DIY101³µÔØÏµÍ³½¹µãÌØÕ÷ÆÊÎö
DIY101Àϳµ»úÍøÒ³°æ×÷Ϊ¾µä³µÔزÙ×÷ϵͳÑÓÐø°æ£¬ÑÓÐøÁËÎïÀí°´¼üÊÊÅäºÍµÍ¹¦ºÄÔËÐÐÁ½´ó½¹µãÓÅÊÆ¡£ÆäÌØÓеÄWEBKITäÖȾÒýÇæ¿ÉÍêÉÆÊÊÅä800¡Á480Çø·ÖÂÊÏÔʾÆÁ£¬Ö§³ÖÀëÏßµØÍ¼»º´æ¡¢À¶ÑÀµç»°½ÓÌýµÈÒªº¦¹¦Ð§¡£Ë½È˳µ×îаæÔÚ´Ë»ù´¡ÉÏÔöÌíÁËÓïÒô½ÐÐÑÏìÓ¦¹¦Ð§£¬Í¨¹ýÓÅ»¯JavaScriptÖ´ÐÐЧÂÊ£¬Ê¹³µÔØ´¦Öóͷ£Æ÷×ÊÔ´Õ¼ÓÃÂʽµµÍ25%¡£
¶þ¡¢Òªº¦ÐÔ²Ù×÷ÇéÐÎÔ¤ÏÈÉèÖÃ
ÔÚ½ÓÈëDIY101ÍøÒ³°æÇ°ÐèÍê³ÉÈýÏî»ù´¡ÉèÖ㺼ì²é³µÔØä¯ÀÀÆ÷µÄÓû§ÊðÀí£¨User Agent£©ÉèÖý¨ÒéÇл»ÎªPCģʽ¡£ÕûÀíϵͳ»º´æ·ÅÖÁSD¿¨·ÖÇø£¬°ü¹Ü1GB¿ÉÓÃÄÚ´æ¿Õ¼ä¡£ÐèÉèÖÃHTTPSÖ¤ÊéÊÖ¶¯ÐÅÈÎÁÐ±í£¬ÌØÊâÒª×¢ÖØTLS1.2¼ÓÃÜÐÒéÖ§³Ö״̬¡£ÕâЩ׼±¸Ö±½Ó¹ØÏµµ½Ë½È˳µ×îа湦ЧµÄÕý³£¼ÓÔØÐ§ÂÊ¡£
Èý¡¢ÍøÒ³°æ½ÓÈëÏêϸ²Ù×÷Á÷³Ì
ÔÚä¯ÀÀÆ÷µØµãÀ¸×¼È·ÊäÈëm.diy101.com/pwa»á¼û×ÔË³Ó¦Ò³Ãæ¡£¼ÓÔØÀú³ÌÖÐÒªÌØÊâ×¢ÖØÁ÷Á¿¹Ü¿ØÏµÍ³µÄ×èµ²ÇéÐΣ¬½¨ÒéʹÓôøÓÐ×Ô¶¯ÖØÊÔ»úÖÆµÄÖÇÄÜDNSЧÀÍ¡£Óöµ½°×ÆÁÕ÷Ïóʱ£¬½ÓÄÉÈý¼ü×éºÏÇ¿ÖÆË¢Ð£¨·µ»Ø¼ü+Ö÷Ò³¼ü+µçÔ´¼ü³¤°´5Ã룩¡£ÀֳɼÓÔØºóÐèÁ¬Ã¦½¨Éè×ÀÃæ¿ì½Ý·½·¨ÒÔ±ã¿ìËÙÆô¶¯¡£
ËÄ¡¢°æ±¾¼æÈÝÐÔÎÊÌâÉî¶È½â¾ö
Õë¶Ô°²×¿4.4ÒÔÏÂϵͳ·ºÆðµÄÅŰæ´íλÎÊÌ⣬¿Éͨ¹ý×°ÖÃWebViewÄں˲¹¶¡½â¾ö¡£Ë½È˳µ×îаæÌØÓеĵØÀíΧÀ¸£¨Geo-Fencing£©¹¦Ð§Ò쳣ʱ£¬ÐèÒªÖØÐÂУ׼³µÁ¾OBD½Ó¿ÚµÄÍÓÂÝÒÇÊý¾Ý¡£Êµ²âÏÔʾ£¬»ùÓÚCrosswalkÒýÇæ¶¨ÖƵĸÄ×°ä¯ÀÀÆ÷¿ÉÌáÉýÒ³ÃæÏìÓ¦ËÙÂÊ43%£¬½¨ÒéÅäºÏV8JavaScriptÓÅ»¯¾ç±¾Ê¹Óá£
Îå¡¢¹¦Ð§Éý¼¶ÓëÇå¾²°ü¹Ü¼Æ»®
ÀֳɽÓÈëDIY101ÍøÒ³°æºó£¬Öصã¼ì²éϵͳÉèÖÃÖеÄOTAͨµÀÊÇ·ñÁ÷ͨ¡£Ë½È˳µ×îаæÇå¾²¿ò¼ÜÒªÇóÑÏ¿á×ñÕÕAPKÊðÃûУÑé»úÖÆ£¬Ã¿´Î¸üÐÂÐèÍêÕûÏÂÔØ45MBÔöÁ¿°ü¡£½¨Òé´îÅä×°ÖÃRAMdisk¼ÓËÙÄ£¿é£¬¿É½«ÍøÒ³Ó¦ÓõÄÍâµØ´æ´¢Ð§ÂÊÌáÉý60%¡£Ò¹¼ä´ý»úʱÆôÓÃÉî¶ÈÐÝÃßģʽ£¬ÄÜÓÐÓÃÑÓÉì×°±¸Ê¹ÓÃÊÙÃü¡£
Áù¡¢µä·¶¹ÊÕÏÓ¦¼±´¦Öóͷ£¼Æ»®
µ±·ºÆðÒ»Á¬ÉÁÍËÕ÷Ïóʱ£¬ÓÅÏȼì²é/system/frameworkĿ¼ÏµÄwebkit.jarÎļþÍêÕûÐÔ¡£GPS¶¨Î»Æ«ÒÆÒì³£½¨ÒéÖØË¢GPIO¿ØÖÆÐ¾Æ¬¹Ì¼þ£¬ÌØÊâ×¢ÖØ²¨ÌØÂÊ£¨Baud Rate£©ÐèÒªËø¶¨ÔÚ115200¡£À¶ÑÀÅþÁ¬Ê§°Üʱ¿ÉʵÑéÐÞ¸ÄSDPЧÀÍ·¢Ã÷ÐÒéÉèÖ㬽«Åä¶Ô³¬Ê±Ê±¼ä´Ó30ÃëÑÓÉìÖÁ90Ãë¡£
ͨ¹ýÒÔÉϰ취µÄϵͳÐÔÉèÖ㬾ø´ó´ó¶¼DIY101Àϳµ»úÓû§¶¼ÄÜ˳Ëì»á¼ûÍøÒ³°æÆ½Ì¨¡£Ë½È˳µ×îа汾ËäÈ»ÔÚÓ²¼þÒªÇóÉÏÓÐËùÌá¸ß£¬µ«ÅäºÏÎÄÖÐÏÈÈݵÄÓÅ»¯¼Æ»®ÈÔ¿ÉʵÏÖÁ÷ͨÔËÐС£½¨Òéÿ´Îϵͳ¸üкóʵʱÑéÖ¤½¹µã¹¦Ð§Ä£¿é£¬Í¬Ê±×¢Öر¸·ÝÒªº¦ÉèÖÃÎļþÒÔÈ·±£ÏµÍ³ÎȹÌÐÔ¡£¹ØÓÚÖØ´ó¹ÊÕϽ¨Òéͨ¹ýADBµ÷ÊÔģʽ»ñÈ¡ÏêϸÈÕÖ¾¾ÙÐÐÆÊÎöÕï¶Ï¡£