Saber2pr's Blog

LearningSkills

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

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