Saber2pr's Blog

LearningSkills

Look at the regular expressions in open source projects and understand their matching principles. two。 Learn about the state machine

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