Saber2pr's Blog

PageXPageYOffsetXOffsetYClientXClientYXYScreenXScreenY

PageX,pageY represents relative to the upper-left corner of the document.
OffsetX,offsetY represents relative to the upper-left corner of the target element.
ClientX,clientY represents relative to the upper left corner of the browser.
XMagneyQuery screenXQuery screeny means relative to the upper left corner of the computer desktop.

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