Saber2pr's Blog

VscodePlugInPathDependent

1. Plug-in path context.extensionPath

Used to get the basePath of assets

two。 Currently open file path (workspace path)

Vscode.workspace.workspaceFolders (maybe the editor opens more than one folder at the same time)

(the original vscode.workspace.rootPath is obsolete)

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