MyDailyLearn_开源项目-程序员客栈

MyDailyLear

HereissomeimportatcommadsorcodesippetsodifferettopicsthatIamlearigimydevelopiglife.

TableofCotetsMyDailyLearTableofCotetsGitJavaScriptVaillaJavaScriptVueNodeReactAgularGulpUitTestigDockerGitCofiguregitCofigfilelocatiosCofigureuser'same&emailVariousimportatcofigcommadsBrachigCreateewbrachDeletebrachQuickswitchbacktopreviousbrach/commit-sha/referecesetc.BrachlistigReameabrachTrackewbrachCheckoutbrach/commit-sha/refereces/etc.(goforward/backward)Add,Commit,Amed,Pull,Push,Merge&DeleteCheckoutforward/backwardCherryPickStashigLoggigShow-moreloggigRecoveryorResetResetusigreflogSquashRebaseChagetheauthorofaearliercommitChagethecommitmessageofaearliercommitReorderigcommitsusigrebaseRebaseoptiosWorkigwithremotesCoflictse.g.Mergigreleasebrachitomasteradwehave3foldersfoo/,bar/,js/.Nowwattoresolvecoflictssuchasfoo/,bar/shouldlikemasteradjs/shouldlikereleasebrach.GitSubmodulesSomeimportatoperatiosCleaupgarbageiremoterepositoryPrueemptycommitsCreateaewWorkTreeadworkparalleyithesamerepo(diffeetbrach)Addasiged-off-byfieldiacommitHowtotellgittoigorelocalchages(alreadytrackedbygit)?GeerateaGitHash(SHA1)forspecificcotetsTagadReleasesFacyCommadsCoceptsTrackedvsUtrackfileGitHubvsGitCommitObjectThreeareaswherecodelivesThreetypesofgitReferecesDifferettypesofHEADTheSeveRulesofaGreatGitCommitMessageDifferecebetweeHEAD~adHEAD^JavaScriptVaillaJavaScript

Hoistig

ExplaiHoistigiJavaScriptWhyHoistigImportat?First,memoryissetasideforallecessaryvariablesaddeclaredfuctiosFuctioExpressiosareeverhoisted!TheyaretreatedasassigmetsCheckifreturstatemetisatthetopAalyzigHoistigLoadOrderIAalyzigloadorderIIAalyzigLoadOrderIIIThevariablesdeclaredwithletorcostarehoistedbutstayuiitialised

Closure

ClosuresadReferecesClosuresHelpiFuctioCostructioZoesLoopswithClosure:AcautioaryTale

PrototypesadIheritace

Prototypes!WhatisCostructorcall?Whatis[[Prototype]]adwheredoesitcomefrom?Howdoes[[Prototype]]affectthebehaviorofaobject?Whatisthe3differetwaystofidwhereaobject[[Prototype]]likedto?Discuss:__proto__,[[Prototype]],prototypeTwomechaismalwaysexistsiJavaScirpt--LexicalScopes&PrototypeChaiObjectOrietediJavaScriptExplaatioofPrototypeWheaiheritedfuctioisexecuted,thevalueofthispoitstotheiheritigobject,ottotheprototypeobjectwherethefuctioisaowpropertyNewobjectusigObject.create()(ES5)NewobjectusigclasssytacticalsugarSimilariObjectpatterUsehasOwProperty()tokowifthepropertyexistsasit'sowpropertyPrototypeshadowigAvoidShadowigObjectLikedOLOO(ObjectLikedtoOtherObject):delegatedobjectsCoverttheabovecodestoOLOOClassiES6DifferetwaystocreateobjectsadtheresultigprototypechaiDigitosomeexamplesfromMDNNotesWehavetocallsuperfirsticostructor

Coercio

ExplaiCoercioiJavaScriptwithexamples

Class

PublicclassfieldsPrivateclassfieldsPublicadstaticproperties

JavaScriptthiskeyword

Howdoesthiskeywordchageidifferetcotext?1.thisiGlobalCotext2.thisiObjectCostructor3.thisiaObjectMethod4.thisiaSimplefuctio5.thisiaArrowfuctio6.thisiEvetlisteerDefaultRulesHardBidigofthisPriorityofthisbidig(top->bottom:hight->low)

ImmediatelyIvokedFuctioExpressio(IIFE)

EvetLoop

UderestigAsychroousJavaScript---EvetLoopExample1Example2Example3:CallbackHell

JavaScriptReactivityUsigObject.defieProperty()

JSQuestiosadAswers

Whatisasychroousprogrammigadwhyisitimportat?ExplaiEvetDelegatioDescribeEvetBubbligWhatarebeefitsofamedfuctiooveraaoymousfuctioDifferecebetweetargetvscurretTargetWhatisFactoryFuctio?Differece:ull,udefiedadudeclared?WhatdoesJavaScriptgetadgetterkeyworddo?DefieagetteroewobjectsiobjectiitializersDefiigagetteroexistigobjectsusigdefiePropertyUsigacomputedpropertyGetvsdefieProperty()WhatisthetwocoditiosofbeigModule?HowtogetUiquevaluesofaArray?HowtoremoveallfalsyvaluesfromaArray?HowtocreateaEmptyObject?Howtorequirefuctioparametersbyforce?HowtogetQueryStrigParameters?WhatisDeboucigiJavaScript?Howtodetermiewhatshouldbethethiskeywordvalue?CovertastrigtospialstrigWhattypeofScopigRule(s)doesJavaScripthave?Whatare3differetwayswecacreateaewScopedvariable?Whatarethefourthigstheewkeywordactuallydoeswheweputifrotofafuctiocall?Whatisthedifferetbetweeudeclaredadudefied?WhatistheolyvalueiJSthatisotequaltoitself!?Whatdoeshappewhewedeclareavariablewithvaradlet?Compare:ull,udefied,NaNImplemetaEvetEmitterthatsupportsstadardoperatiosHowtoWriteOptimizedJavaScript?VueWhatisVue.js?IstalligKowOptiosforVueIstaceKeySetecesForLoopBidAttributeadClassNameDyamicCompoetsPrevetDestroyigcompoetswherederigDyamiccompoetsLazyLoadigOff-screeCompoetsDisableRe-rederigwithv-oceOutputRawHTMLwithv-htmlDirectivesGetEvetDatafromtheEvetPassOwArgumetswithEvetObjectModifyigadEvetwithModifiersListeigtoKeyboardEvetsWriteJavaScriptCodeitoTemplateUsigTowWayBidigv-model="variable"TwoWayBidigfromChildtoParetReactigtoChagigwithComputedPropertiesDyamicStyligwithCSSClassesSettigStylesDyamicallywithoutCSSClassesStyligElemetswithaArraySytaxCoditioigRederigwithv-if/v-elseAlterativeofv-ifusig<template>Usev-showifwedo'twattodetachelemetfromDOMRederigListswithv-forUseofv-forwith<template>LoopigthroughObjectsLoopigthroughaListsofNumbersKeepigTrackofElemetsWheusigv-forAccessTemplatefromVueModulebySettigaRefMoutigaTemplateVueJSistaceLifeCyclePassHTMLCotetfromParettoChildUsig<slot>HowDirectivesWorksHTML5HistoryModeDiffereceBetweev-modeladv-bidVuexServiceWorkerCachigCofig-ProgressiveWebAppToggligSimilarElemetsVueObservable-AlteratetoVuexVueRouterhas3TypesofGuardsVueFiltersDefieLocalFilterDefieaGlobalFilterChaiedFilterFilterwithArgumetsMixiVueCheatSheetsVuexCheatSheetsShortcutsIitialRederVirtualDOMRutime+Compilervs.Rutime-olyCompileTemplatesiClietMauallyReactivityiDepthReactivityisideComputedPropertiesParet-childCommuicatioReactWhatisReactIstalligUseDefaultPropsUsePropTypestoDefiethePropsWeExpectUderstadigReactsetStateUpdateaStatePropertyPassigaFuctiotosetState()AccessPreviousStateusigUpdaterStatelessFuctioCompoet,StatelessCompoetadStatefulCompoetCompoud,UcotrolledadCotrolledCompoetsCompoudCompoetUcotrolledCompoetCotrolledCompoetReactFragmetReactAppLife-cycleWalkthroughUderstadCotextAPIReferecigCotextiStatelessFuctioalCompoetsHigherOrderCompoetAlterativeStateIitializatioReduxvsCotextAPILifeCycleHooksorMethodsResadtheDOMWhetoUseRefsCreatigRefsAccessigRefsUseCallbackoImageLoadwithRefReactRouteFamiliarwithVariousReactRouterLibrariesHowtoNotNavigatiowithReactRouterThree(3)TypesofRouterReactPortalsUsageofPortalsReactQuestiosadAswersHowtoPrevetfromre-rederig?WhetoUseCompoetIsteadofPureCompoet?Whatistherederprops?ReactUitTestsvsItegratioTestsforCompoets?MigratiofromClasstoFuctioCompoetNodeAgularGulpUitTestigDockerDockerIstall(latestoraspecificversio)RudockerasdaemoRemoveallcotaiersRemoveallimagesRuaimagepritlogofacotaierExecacotaierRuimagewithbidigport

MyDailyLearn开源项目

技术信息

作品详情

功能介绍

重点城市程序员兼职推荐

重点岗位程序员兼职推荐