RightClickMenu

Item component right-click pop-up menu

const menu = <Menu>
  <Menu.Item onClick={() => onCollapseAll(node)}>
    {i18n.format('collapseAll')}
  </Menu.Item>
</Menu>

<Dropdown trigger={['contextMenu']} overlay={menu}>
  <Item />
</Dropdown>

Nest js
- Timing
- Parameter field filter
- Entity design specification
- Class loading relation and exception location
- Deploying nestjs with nowsh serverless
- Nestjs breakpoint debugging
Wordpress
- Database connection problem
Practise
- To test it
Node
- Node routing
- ReceiveBase64Images
- Simple file read write encapsulation
- Cli header comment
- Promisify
- Get post body
- base64
- Koa middleware mechanism
- Load commonjs module from url
- Parsing url parameters by node
- GetNativeIpIpv4
- Download tarball and extract it to the directory
- Run command
Linux
- Resume ubuntu boot after dual system reinstallation
- Open port
- Ubuntu maintenance
- Install the latest nodejs
- Set up aglobal http proxy
- Ssh connects to the server
- Tty terminal
- Shell command
Other commonly used commands
- Cad basic command
- Win common commands
Css
- Triangle
- Flex
- Realization of eight diagrams by css
- Dodge click
- Styled components used
- Commonly used layout
- Pseudo element implementation split line
- Vertical center
- Visual design
- Input style reset
- Resolving zindex does not work
- Mask mask
- Media inquiry
- Margin of ios safety zone
- Css3Selector
- Box model
- Centered horizontally
- Roll the container horizontally
- Horizontal and vertical center
- Linear gradient
- Controls the style of elements when plotting
- Picture substitution element content fill and alignment
Saber2pr's Blog
Kubernetes
- Run the first docker instance
Vscode extension
- Iceworks
- Open alink using the default browser
- Vscode plugin writing tutorial
- Implement areal time compilation of react for web ide
- Vscode plug in path dependent
React principles
- Rerender caused by context
- React function components vs class components
- Reconciler
  - Update host properties
  - Commit all work
  - Begin work
  - Create element
  - Global variable
  - Render
  - Perform work
  - Reconcile children
  - Perform unit of work
  - Commit work
  - Work loop
  - Hook
- Ref forwarding
- Context rerender scheme replaces redux
- Traversing the fiber list
- React key and default value
- Event bubbling and portals
- Why can ref keep references
- Batch update
- Keep live method
- React underlying xss defense
- Prop types verification
- React functional programming
- Notes on use state initialization using props
- Error handling in react
- Component communication
- Data structure type
  - Fiber
  - About the type definition of tsx
- How to find alternate
- Server rendering ssr principle
- Life cycle
- Deps rules of use effect
- React fiber implementation
- React performance optimization
Typescript
- Compare the use of monad in ts and haskell
- Use ts compiler to traverse ast to process your code
- Axios interceptor type
- Typescript type operation
- Type covariance and inversion
Data structure algorithm
- Caesar encryption
- Kmp algorithm
- Tree traversal deletion of nodes
- Calculate string hash fingerprint
- Base64Algorithm
- Sorting algorithm
Git
- Connect to github using apassword
- Set user name
- Shallow clone
- Git clears login status
- Undo the last submission
- Check the content of the last change submission
- Update upstream after fork
- Checkout
- GitSubmitErrorRpCfailedHttp2
- Github and git
- Branch
- Rebase
- Clone afolder or path in the git repository
- Pull automatic merge using local version
- Log
- Daily newspaper generation
Blog construction log
- Update for the front desk of the blog is released
- Website refactoring optimization log
- Website construction process
- Privacy policy
- Website architecture and technology stack
C++
- Right value reference and mobile semantics
- Template and constexpr
- Virtual function table
- Qt
  - Qbs configuration
- Function types and function pointers
- Namespace
Regular expression
- Learning skills
- Understand regular expressions and collation of common regular expressions
- Combine replacers
- Commonly used regularity
- Basic grammar
Database
- Mysql
  - Install mysql using docker
  - RunMysql8OnThe512MbService
- Mongodb
Html2canvas
- The browser prints the dom node
- Ios compatible
Nextjs
- Attention and optimization of ssr project architecture
- Problems existing in automatic static optimization of nextjs
- Principle of nextjs micro service
- Problems and optimization of using link to realize tab
- Define next config types
- Nextjs data context transfer
- Proxy service
- Api route interception
- Optimization of rendering speed of nextjs first screen
- Token forwarding
- Non api reverse proxy
- Encapsulate the interface request function
React components
- Image hover component
- Read the ref value that is destroyed once
- Async hook component
- Drop down menu
- Error boundary exception handling component
- Copy clipboard hook
- Captcha to send timing component
- Event hook component
- Suggestions for writing react components
- Picture preoccupation component
- Lazy loading component
- Using the vsc styled plug in to write inline styles
Echarts
- Chart instance initialization and update logic
- Public configuration item
Browser api
- Navigator object
- Document element
- Differences among offset client and scroll
- Dom object inheritance system
- Request idle callback method
- Mutation observer
- Request animation frame
- The difference between client height and scroll height
- Page xpage yoffset xoffset yclient xclient yxyscreen xscreen y
- Mobile side acquires client xy
Javascript
- Remove nbsp from the document
- Iframe heartbeat detection
- Classnames
- Combiner
- Upload and send pictures
- ThePictureIsTransferredToBase64
- Scope and closure
- Clipboard operation
- Prototype chain
- Jsonp cross domain
- Deep copy
- Event capture bubbling
- Random color
- Partial function and cosmization
- Get folder name
- File reading and file drag upload
- Simple algorithm requirement
- Determine whether it is amobile terminal or not
- Join
- Is commonly used judgment
- Publish and subscribe
- Common tool function package
- Bind call apply sum principle
- Classes and inheritance
- Two way binding
- Chatgpt max tokens input limited content cut
- Implement the url parameter parser
- Html special character escape
- Save the file to local
- NewFeaturesOfEs7Es8Es9Es10
- Vdom rendering
- File download
- ArrayCloneArrayEs6ApiImplementation
- Gets the distance of the element from the top of the document
- Return to the top of the page
- Monitoring and dragging
- Throttling and anti shaking
- Fiber traversal
- Scroll to the top
- Canvas
  - Conversion between rgba and hex
  - Image data operation
  - Print to picture
  - Canvas path drawing
- Encapsulate an ajax
- es7
  - Async await principle
- Local storage caching
- Solve the promise race problem
- Rectangular intersection
- Rem layout principle
- Monitoring key combination
- es6
  - Promise principle
- Drag and drop sort
- Determine that the page scrolls to the bottom react
- Try async
- Iterable iterable
- Enter viewport range detection
Redux
- Combine reducers
- Apply middleware
- Redux thunk
- Double buffering technology of next listener
- Create store
- Redux thought
- Compose
- Bind action creators
Compilation principle
- Bnf implementation of jsx syntax
- Uncertain pushdown automaton
- Understand recursive descent analysis and parsec application
Github-API
- Publish npm packages using github action
- Github authentication
- RestFulV3
- Use github issue api to make comment system
- Using action to automate publishing pages
- Publishing docker images using action automation
Front end build tools
- Package manager
  - Npm common commands
  - Yarn profile
- Nginx
- Webpack
- Ali oss
  - Using oss api on nodejs
- Terser
  - Terser quick compression command
- Babel
  - Installation
- Docker
Performance optimization
- Memorize function
- About time calculation
- Api caching
- Front end performance optimization
- Object pool for undo and undo
- Concurrent request queue
- Packaging optimization
Mac os
- Clean up disk occupancy
- View cpu schemas
- Ds store file
Network basics
- Ipv4
- Optimization of github access timeout
Html
- Disable two finger magnification on mobile
- Commonly used meta and link tags
- List
- Form
- Editable region
- Iframe
- Form input
Just write something
- Popmotion library pit
- Barrier
- Check npm package version compatibility
- Attention moment
- The development route of tyrania
- The problem of clone function of zrender of echarts
- Record abug js integer overflow
- Efficiency improvement methodology
- Favorite web address
- About front end reusability
- Document transfer station
- If iwas interviewing someone
- Project specification
- Action trail
- Principle of dual system use
- Record abug environment variables in nextjs isomorphic environment
- Daily summary
- Something that makes people crazy
- Pseudo array deconstruction error of regular matching result
DailySummary:470112193/1638487080
- 2021Q2
- January112021
React ecosystem
- SomeOperationsThatReact16WillNotNeedInTheFuture
- React ecological source code reading
- Use selector and reselect source code read
- What did react redux do
- Hoist non react statics source code read
Reflect
- Dependency injection ioc implementation
- Iocbased http server
  - Implement ahttp server framework based on ioc part two
  - Implementing ahttp server framework based on ioc part i
- Optimization of read speed of hash map giant object in reflect metadata
- Reflect metadata implementation and its principle
Golang
- Golang gets started quickly
We chat
- Webview mini program solution
- View text and block
- Basic architecture design of webview mini program
- Get the url parameter
- Refresh the previous page before returning
- Three login schemes for webview mini program
- Audit attention items of mini program
- LogInWithTheOfficialAccountH5
- Login code and encryption vector
- Webview debugging method
Haskell
- Basic concepts of functional programming
- Haskell and js
- Creating haskell environment
- Functional design
React-Hooks
- Use interval
- Use async
- Use derived state from props
- useI18N
- Use copy
- Use modal
- Use echarts
- Use input history
- Use router
- Use intersection
- Use load script
- Use form modal
- Use set partical state
- Use timer
- Use progress
Ant-Design
- Initialize form items asynchronously
- Form form validation
- Learn the design of antd components
- Sort table
- Menu component style selector
- Input style reset
- Table front end and back end paging
- Antd demand loading
- Picture upload
- Table transfer
- Using checkbox in form
- The problem of double scroll of modal mask
- Right click menu
- Reset modal styl
- Details of some pits in antd constantly updated
Infrastructure
- Automate deployment with gitlab and drone
Web3
- What is the cryptocurrency carry trade
- InterpretationOfFreqtradeStrategyE0V1ESupportLevel
- Btc
- Comparative analysis of trend trading and divergence trading
- Build freqtrade cryptocurrency quantitative transaction robot
- Freqtrade tips to avoid slippage
- How to make nft
- Optimize the grid increment in the bitcoin strategy grid
- Bollbollinger bands
- How to optimize freqtrade strategy
- What is an encrypted currency pledge
- Freqtrade backtesting trailing stop trap
- EightBestWaysToMakeMoneyWithCryptocurrencyIn2024
- How to properly perform dcawith freqtrade
- How to seize the opportunity of airdrop of cryptocurrency
- Eth
- Freqtrade follows btcups and downs
- Five key points to improve the level of contract and futures traders
- Understand the history of solana
- Freqtrade position adding interval optimization skills
- How to use freqtrade to test apolicy through python and trade an encrypted currency
- How ahalving of bitcoin will affect its future price
- Freqtrade profile description
- Sol
- Freqtrade position management strategy optimization
- What is cryptocurrency hedging
- Freqtrade indicator ewobottom picking analysis
- Enter the age of mainstream encryption
- What is aperpetual contract
Http
- Configure https for the server
- Http caching mechanism
- Basic concept
- Http encryption
- Http cross domain options requests
Browser basics
- From entering url to page rendering
- Principle of page rendering
- Pwa offline application
- Browser kernel
- Page reflow and redrawing