Saber2pr's Blog

ReactEcologicalSourceCodeReading

ow it, but know why. Project address React-opensource-learning

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