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>

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