ͨ¹ý´úÂëÉó²é£¬¿ÉÒÔÈ·±£´úÂëµÄ¿É¶ÁÐÔ¡¢¿Éά»¤ÐÔºÍÒ»ÖÂÐÔ¡£2.´úÂ븴Óþ¡Á¿¼õÉÙ´úÂëÖØ¸´£¬Í¨¹ý´´Á¢¿É¸´ÓõÄÄ£¿éºÍº¯Êý£¬ÌáÉý´úÂëµÄ¸´ÓÃÐÔ¡£ÀýÈ磬¿ÉÒÔ´´Á¢Ò»¸öͨÓõÄIIFEÄ£¿é£¬ÓÃÓÚ´¦Àí³£¼ûµÄÈÎÎñ£º
javascriptconstutils=(function(){//˽ÓбäÁ¿ºÍº¯ÊýletprivateVar='private';
functionprivateMethod(){console.log(privateVar);}//¹ûÕæ½Ó¿Úreturn{publicMethod:function(){privateMethod();},add:function(a,b){returna+b;}};
})();utils.publicMethod();//Êä³ö£ºprivateconsole.log(utils.add(10,20));//Êä³ö£º30
Ä£¿é»¯Éè¼Æ
HLW024.iifeÖ§³Ö¸ß¶ÈÄ£¿é»¯µÄÉè¼Æ£¬Äã¿ÉÒÔÆ¾¾ÝÏîÄ¿ÐèÇó£¬×Ô½ç˵ºÍÀ©Õ¹Ä£¿é¡£ÀýÈ磬¿ÉÒÔ´´Á¢Ò»¸öеÄIIFEº¯ÊýÄ£¿é£º
constmyModule=(function(){//˽ÓбäÁ¿ºÍº¯ÊýletprivateVar='private';functionprivateMethod(){console.log(privateVar);}//¹ûÕæ½Ó¿Úreturn{publicMethod:function(){privateMethod();}};})();myModule.publicMethod();//Êä³ö£ºprivate
module.exports={//ÆäËûÅäÖÃentry:{main:'./src/main.js',moduleA:'./src/moduleA.js',moduleB:'./src/moduleB.js'},output:{filename:'name.bundle.js',publicPath:'/dist/'},module:{rules://ÆäËû¹æÔò},plugins:newwebpack.optimize.SplitChunksPlugin({name:'common',chunks:'all'})};
2.¼õÉÙDOM²Ù×÷Ƶ·±µÄDOM²Ù×÷»áµ¼?ÖÂÒ³ÃæÐÔÄÜϽµ¡£¾¡Á¿¼õÉÙÖ±½Ó²Ù×÷DOM£¬Ê¹ÓÃÐéÄâDOM»òÕ߯äËûÓÅ»¯¼Æ»®À´ÌáÉýÐÔÄÜ¡£
ÔÚ¿ªÊ¼×°ÖÃ֮ǰ£¬È·±£ÄãµÄϵͳÂú×ãÒÔÏÂÒªÇó£º
²Ù×÷ϵͳ£ºÍƼöʹÓÃWindows¡¢MacOS»òLinuxÇé¿ö¡£
Node.jsºÍnpm£ºhlw024.iife×°ÖðüÒÀÀµNode.jsºÍnpm£¬ÇëÈ·±£ÄãµÄϵͳÉÏÒѾװÖÃÁË×îа汾µÄNode.jsºÍnpm¡£¿ÉÒÔͨ¹ýÒÔÏÂÃüÁî¼ì²é°æ±¾£º
¸ß¼¶ÎÊÌâÅŲé1.ÐÔÄÜÆ¿¾±ÔÚÏîÄ¿ÖУ¬ÐÔÄÜÆ¿¾±¿ÉÄÜÀ´×Ô´úÂëÖ´ÐС¢ÍøÂçÇëÇó»òÕ߯äËûÍⲿÒòËØ¡£¿ÉÒÔʹÓÃÐÔÄÜÆÊÎö¹¤¾ß£¨ÈçChromeDevTools¡¢Lighthouse£©À´¼ì²âÐÔÄÜÆ¿¾±²¢½øÐÐÓÅ»¯¡£2.Òì²½´úÂëµ÷ÊÔÒì²½´úÂëµ÷ÊÔ¿ÉÄÜ»á±Èͬ²½´úÂëÔ½·¢ÅÓ´ó¡£
¿ÉÒÔʹÓõ÷ÊÔÆ÷£¨ÈçChromeDevTools£©À´ÉèÖöϵ㣬ÊÓ²ìÒì²½´úÂëµÄÖ´ÐÐÁ÷³Ì£¬ÕÒ³öÎÊÌâËùÔÚ¡£
javascriptasyncfunctionfetchData(){try{constresponse=awaitfetch('https://api.example.com/data');constdata=awaitresponse.json();console.log(data);}catch(error){console.error('Errorfetchingdata:',error);}}
±àдһ¸ö¼òµ¥µÄ²âÊÔÓÃÀý£º
constassert=require('assert');describe('Array',function(){describe('#indexOf()',function(){it('shouldreturn-1whenthevalueisnotpresent',function(){¼ÌÐøÓÅ»¯ÓëÎÊÌâÅŲéÔÚʹÓÃHLW024.iife×°Öðü?µÄÀú³ÌÖУ¬ÓÅ»¯´úÂëÖÊÁ¿ºÍÐÔÄÜÊǺÜÊÇÖØÒªµÄ?¡£
±¾ÎĽ«½øÒ»²½Ì½ÌÖÈçºÎÔÚʵ¼ÊÏîÄ¿ÖÐÓÅ»¯´úÂ룬²¢Ìṩ¸üÉîÈëµÄÎÊÌâÅŲéÒªÁì¡£½øÒ»²½ÓÅ»¯´úÂëÖÊÁ¿1.´úÂëÉó²éÔÚÍŶÓÐ×÷¿ª·¢ÖУ¬°´ÆÚ½øÐдú?ÂëÉó²éÊÇÌáÉý´úÂëÖÊÁ¿µÄÓÐЧҪÁ졣ÿ´ÎÌá½»´úÂëºó£¬¿ÉÒÔ½øÐÐͬÐÐÆÀÉ󣬷¢Ã÷DZÔÚÎÊÌâ²¢Ìá³ö¸ïн¨Òé¡£
ÒÀÀµ¿â³åÍ»
ʹÓÃnpmµÄpackage-lock.jsonÎļþ£ÔÃÄ¿Î×°Öûò¸üÐÂÒÀÀµÊ±£¬¶¼½¨ÒéʹÓÃnpminstall£¬ÒÔÈ·±£Éú³É»ò¸üÐÂpackage-lock.jsonÎļþ£¬ÖÆÖ¹°æ±¾³åÍ»¡£
ʹÓÃnvmÖÎÀíNode°æ±¾£ºÔÚ¶à¸öÏîĿ֮¼äÇл»Node°æ±¾Ê±£¬¿ÉÒÔʹÓÃnvm£¨NodeVersionManager£©À´ÖÎÀí²î±ð°æ±¾µÄNode.js¡£
nvminstallnvmuse
У¶Ô£ºÂÞÓÑÖ¾(1C0m4pJyqZtPma0S7t9ZFfz4hTykKag)


