Saber2pr's Blog

LifeCycle

React ClassComponent lifecycle

React Hook

Hook components have no lifecycle. But there are entry and exit hooks (Effect Hook).

Saber2pr's Blog
Reflect
- IOCBasedHttpServer
  - ImplementingAHttpServerFrameworkBasedOnIocPartI
  - ImplementAHttpServerFrameworkBasedOnIocPartTwo
- ReflectMetadataImplementationAndItsPrinciple
- DependencyInjectionIocImplementation
- OptimizationOfReadSpeedOfHashMapGiantObjectInReflectMetadata
WeChat
- WebviewDebuggingMethod
- WebviewMiniProgramSolution
- ThreeLoginSchemesForWebviewMiniProgram
- BasicArchitectureDesignOfWebviewMiniProgram
- AuditAttentionItemsOfMiniProgram
- GetTheUrlParameter
- RefreshThePreviousPageBeforeReturning
- LoginCodeAndEncryptionVector
- LogInWithTheOfficialAccountH5
- ViewTextAndBlock
Infrastructure
- AutomateDeploymentWithGitlabAndDrone
Redux
- CreateStore
- CombineReducers
- ReduxThunk
- ApplyMiddleware
- BindActionCreators
- ReduxThought
- Compose
- DoubleBufferingTechnologyOfNextListener
RegularExpression
- LearningSkills
- BasicGrammar
- UnderstandRegularExpressionsAndCollationOfCommonRegularExpressions
- CommonlyUsedRegularity
- CombineReplacers
FrontEndBuildTools
- babel
  - Installation
- PackageManager
  - YarnProfile
  - NpmCommonCommands
- webpack
- terser
  - TerserQuickCompressionCommand
- docker
- nginx
- AliOss
  - UsingOssApiOnNodejs
Html2canvas
- IosCompatible
- TheBrowserPrintsTheDomNode
VSCodeExtension
- VscodePlugInPathDependent
- OpenALinkUsingTheDefaultBrowser
- ImplementARealTimeCompilationOfReactForWebIde
- VscodePluginWritingTutorial
- Iceworks
C++
- RightValueReferenceAndMobileSemantics
- Namespace
- FunctionTypesAndFunctionPointers
- TemplateAndConstexpr
- qt
  - QbsConfiguration
- VirtualFunctionTable
BrowserAPI
- MobileSideAcquiresClientXy
- MutationObserver
- PageXPageYOffsetXOffsetYClientXClientYXYScreenXScreenY
- NavigatorObject
- DocumentElement
- RequestAnimationFrame
- TheDifferenceBetweenClientHeightAndScrollHeight
- DifferencesAmongOffsetClientAndScroll
- DomObjectInheritanceSystem
- RequestIdleCallbackMethod
JustWriteSomething
- AboutFrontEndReusability
- RecordABugJsIntegerOverflow
- Barrier
- CheckNpmPackageVersionCompatibility
- PrincipleOfDualSystemUse
- PopmotionLibraryPit
- TheDevelopmentRouteOfTyrania
- ActionTrail
- EfficiencyImprovementMethodology
- TheProblemOfCloneFunctionOfZrenderOfEcharts
- SomethingThatMakesPeopleCrazy
- FavoriteWebAddress
- RecordABugEnvironmentVariablesInNextjsIsomorphicEnvironment
- IfIWasInterviewingSomeone
- DocumentTransferStation
- AttentionMoment
- DailySummary
- PseudoArrayDeconstructionErrorOfRegularMatchingResult
- ProjectSpecification
CSS
- PictureSubstitutionElementContentFillAndAlignment
- MaskMask
- ResolvingZIndexDoesNotWork
- Triangle
- InputStyleReset
- LinearGradient
- CommonlyUsedLayout
- HorizontalAndVerticalCenter
- CenteredHorizontally
- Css3Selector
- RealizationOfEightDiagramsByCss
- VisualDesign
- RollTheContainerHorizontally
- DodgeClick
- ControlsTheStyleOfElementsWhenPlotting
- Flex
- BoxModel
- PseudoElementImplementationSplitLine
- MarginOfIosSafetyZone
- StyledComponentsUsed
- VerticalCenter
- MediaInquiry
CompilationPrinciple
- UncertainPushdownAutomaton
- BnfImplementationOfJsxSyntax
- UnderstandRecursiveDescentAnalysisAndParsecApplication
Web3
- FreqtradeProfileDescription
- BuildFreqtradeCryptocurrencyQuantitativeTransactionRobot
- UnderstandTheHistoryOfSolana
- ETH
- WhatIsCryptocurrencyHedging
- HowToUseFreqtradeToTestAPolicyThroughPythonAndTradeAnEncryptedCurrency
- HowToSeizeTheOpportunityOfAirdropOfCryptocurrency
- SOL
- EnterTheAgeOfMainstreamEncryption
- HowToMakeNft
- HowAHalvingOfBitcoinWillAffectItsFuturePrice
- BTC
- EightBestWaysToMakeMoneyWithCryptocurrencyIn2024
- BOLLBollingerBands
- WhatIsAnEncryptedCurrencyPledge
- WhatIsTheCryptocurrencyCarryTrade
- FiveKeyPointsToImproveTheLevelOfContractAndFuturesTraders
- OptimizeTheGridIncrementInTheBitcoinStrategyGrid
- WhatIsAPerpetualContract
Github-API
- UsingActionToAutomatePublishingPages
- UseGithubIssueApiToMakeCommentSystem
- PublishingDockerImagesUsingActionAutomation
- PublishNpmPackagesUsingGithubAction
- GithubAuthentication
- RestFulV3
DataStructureAlgorithm
- CaesarEncryption
- SortingAlgorithm
- CalculateStringHashFingerprint
- TreeTraversalDeletionOfNodes
- Base64Algorithm
- KmpAlgorithm
Javascript
- EventCaptureBubbling
- DetermineThatThePageScrollsToTheBottomReact
- SimpleAlgorithmRequirement
- es6
  - PromisePrinciple
- EncapsulateAnAjax
- GetFolderName
- RemLayoutPrinciple
- PartialFunctionAndCosmization
- RemoveNbspFromTheDocument
- ThrottlingAndAntiShaking
- SaveTheFileToLocal
- LocalStorageCaching
- GetsTheDistanceOfTheElementFromTheTopOfTheDocument
- IterableIterable
- PublishAndSubscribe
- IsCommonlyUsedJudgment
- VdomRendering
- HtmlSpecialCharacterEscape
- UploadAndSendPictures
- ClipboardOperation
- ImplementTheUrlParameterParser
- MonitoringKeyCombination
- Join
- JsonpCrossDomain
- ScrollToTheTop
- RectangularIntersection
- FileReadingAndFileDragUpload
- ScopeAndClosure
- IframeHeartbeatDetection
- FiberTraversal
- EnterViewportRangeDetection
- BindCallApplySumPrinciple
- DragAndDropSort
- MonitoringAndDragging
- canvas
  - PrintToPicture
  - ImageDataOperation
  - ConversionBetweenRgbaAndHex
  - CanvasPathDrawing
- RandomColor
- DetermineWhetherItIsAMobileTerminalOrNot
- CommonToolFunctionPackage
- TwoWayBinding
- ArrayCloneArrayEs6ApiImplementation
- FileDownload
- ReturnToTheTopOfThePage
- NewFeaturesOfEs7Es8Es9Es10
- ClassesAndInheritance
- SolveThePromiseRaceProblem
- es7
  - AsyncAwaitPrinciple
- PrototypeChain
- DeepCopy
- Combiner
- ThePictureIsTransferredToBase64
- tryAsync
- Classnames
HTTP
- BasicConcept
- HttpCrossDomainOptionsRequests
- ConfigureHttpsForTheServer
- HttpCachingMechanism
- HttpEncryption
Nextjs
- NextjsDataContextTransfer
- NonApiReverseProxy
- AttentionAndOptimizationOfSsrProjectArchitecture
- EncapsulateTheInterfaceRequestFunction
- ProblemsExistingInAutomaticStaticOptimizationOfNextjs
- DefineNextConfigTypes
- ApiRouteInterception
- OptimizationOfRenderingSpeedOfNextjsFirstScreen
- ProxyService
- ProblemsAndOptimizationOfUsingLinkToRealizeTab
- TokenForwarding
- PrincipleOfNextjsMicroService
Ant-Design
- TableFrontEndAndBackEndPaging
- PictureUpload
- TheProblemOfDoubleScrollOfModalMask
- SortTable
- InputStyleReset
- ResetModalStyl
- LearnTheDesignOfAntdComponents
- TableTransfer
- FormFormValidation
- DetailsOfSomePitsInAntdConstantlyUpdated
- InitializeFormItemsAsynchronously
- AntdDemandLoading
- RightClickMenu
- UsingCheckboxInForm
- MenuComponentStyleSelector
React-Hooks
- useTimer
- useLoadScript
- useModal
- useCopy
- useInterval
- useIntersection
- useEcharts
- useAsync
- useProgress
- useDerivedStateFromProps
- useRouter
- useI18N
- useFormModal
- useSetParticalState
- useInputHistory
OtherCommonlyUsedCommands
- WinCommonCommands
- CadBasicCommand
NestJs
- NestjsBreakpointDebugging
- ClassLoadingRelationAndExceptionLocation
- Timing
- EntityDesignSpecification
- ParameterFieldFilter
- DeployingNestjsWithNowshServerless
ReactPrinciples
- TraversingTheFiberList
- HowToFindAlternate
- ReactPerformanceOptimization
- PropTypesVerification
- RerenderCausedByContext
- BatchUpdate
- ComponentCommunication
- WhyCanRefKeepReferences
- NotesOnUseStateInitializationUsingProps
- RefForwarding
- ReactFunctionComponentsVsClassComponents
- ReactUnderlyingXssDefense
- ReactFiberImplementation
- ReactFunctionalProgramming
- ErrorHandlingInReact
- EventBubblingAndPortals
- DataStructureType
  - Fiber
  - AboutTheTypeDefinitionOfTsx
- KeepLiveMethod
- ReactKeyAndDefaultValue
- DepsRulesOfUseEffect
- reconciler
  - BeginWork
  - ReconcileChildren
  - PerformWork
  - CommitAllWork
  - PerformUnitOfWork
  - Render
  - CreateElement
  - UpdateHostProperties
  - WorkLoop
  - hook
    - UseEffect
    - UseState
    - UseMemo
    - UseRef
    - CreateContext
  - GlobalVariable
  - CommitWork
- LifeCycle
- ContextRerenderSchemeReplacesRedux
- ServerRenderingSsrPrinciple
Typescript
- AxiosInterceptorType
- TypeCovarianceAndInversion
- CompareTheUseOfMonadInTsAndHaskell
- TypescriptTypeOperation
- UseTsCompilerToTraverseAstToProcessYourCode
ReactEcosystem
- ReactEcologicalSourceCodeReading
- HoistNonReactStaticsSourceCodeRead
- SomeOperationsThatReact16WillNotNeedInTheFuture
- WhatDidReactReduxDo
- UseSelectorAndReselectSourceCodeRead
wordpress
- DatabaseConnectionProblem
NetworkBasics
- Ipv4
- OptimizationOfGithubAccessTimeout
Git
- CloneAFolderOrPathInTheGitRepository
- GitClearsLoginStatus
- Log
- Checkout
- ConnectToGithubUsingAPassword
- DailyNewspaperGeneration
- UndoTheLastSubmission
- UpdateUpstreamAfterFork
- GithubAndGit
- GitSubmitErrorRpCfailedHttp2
- CheckTheContentOfTheLastChangeSubmission
- ShallowClone
- PullAutomaticMergeUsingLocalVersion
- Branch
- Rebase
- SetUserName
HTML
- Iframe
- DisableTwoFingerMagnificationOnMobile
- EditableRegion
- FormInput
- CommonlyUsedMetaAndLinkTags
- Form
- List
Database
- mongodb
- mysql
  - InstallMysqlUsingDocker
  - RunMysql8OnThe512MbService
Practise
- ToTestIt
Node
- base64
- DownloadTarballAndExtractItToTheDirectory
- NodeRouting
- KoaMiddlewareMechanism
- RunCommand
- CliHeaderComment
- ParsingUrlParametersByNode
- ReceiveBase64Images
- promisify
- LoadCommonjsModuleFromUrl
- GetNativeIpIpv4
- SimpleFileReadWriteEncapsulation
- GetPostBody
Kubernetes
- RunTheFirstDockerInstance
Haskell
- FunctionalDesign
- CreatingHaskellEnvironment
- HaskellAndJs
- BasicConceptsOfFunctionalProgramming
BrowserBasics
- BrowserKernel
- PrincipleOfPageRendering
- PwaOfflineApplication
- PageReflowAndRedrawing
- FromEnteringUrlToPageRendering
ReactComponents
- CopyClipboardHook
- DropDownMenu
- EventHookComponent
- ErrorBoundaryExceptionHandlingComponent
- ReadTheRefValueThatIsDestroyedOnce
- AsyncHookComponent
- CaptchaToSendTimingComponent
- LazyLoadingComponent
- ImageHoverComponent
- PicturePreoccupationComponent
- UsingTheVscStyledPlugInToWriteInlineStyles
- SuggestionsForWritingReactComponents
ECharts
- ChartInstanceInitializationAndUpdateLogic
- PublicConfigurationItem
DailySummary:470112193/1638487080
- January112021
- 2021Q2
BlogConstructionLog
- UpdateForTheFrontDeskOfTheBlogIsReleased
- WebsiteConstructionProcess
- WebsiteRefactoringOptimizationLog
- PrivacyPolicy
- WebsiteArchitectureAndTechnologyStack
MacOS
- CleanUpDiskOccupancy
- DsStoreFile
- ViewCpuSchemas
Linux
- InstallTheLatestNodejs
- SetUpAGlobalHttpProxy
- SshConnectsToTheServer
- TtyTerminal
- OpenPort
- ShellCommand
- UbuntuMaintenance
- ResumeUbuntuBootAfterDualSystemReinstallation
Golang
- GolangGetsStartedQuickly
PerformanceOptimization
- MemorizeFunction
- ApiCaching
- AboutTimeCalculation
- PackagingOptimization
- FrontEndPerformanceOptimization
- ObjectPoolForUndoAndUndo
- ConcurrentRequestQueue