Home>Programming related>AI Source Code
Download

JackySummer's personal blog

✍️ Personal technical learning records, essays, summary, miscellaneous notes

Pay attention to front-end development, learn cutting-edge technologies, analyze principles in depth, and strive to write good code and high-quality articles

Note: All articles are original, and the copyright belongs to JackySummer account. Please contact the author for commercial reprinting. Please indicate the source if you reprint non-commercial reprinting.

? state

The blog will continue to be updated. I hope to work hard with you and encourage you? ...

? My tech community

  • Nuggets Home Page
  • segmentfault Home page
  • Personal Blog

A deep understanding of the JavaScript series catalog

  1. A deep understanding of JavaScript's execution context and execution stack
  2. A deep understanding of JavaScript's execution context and variable objects
  3. Deeply understand JavaScript variable improvement
  4. A deep understanding of JavaScript, thinking about closures from a question
  5. A deep understanding of JavaScript's prototype and prototype chain
  6. Deeply understand JavaScript's scope chains and closures
  7. Deeply understand the new principle and simulation implementation of JavaScript
  8. Deeply understand 7 ways to implement inheritance in JavaScript
  9. Deeply understand the call, apply, bind method of JavaScript
  10. Deeply understand the JavaScript handwritten call, apply, bind method
  11. In-depth understanding of JavaScript's handwritten shallow and deep copy
  12. A deep understanding of JavaScript's Event Loop

ES6 Series

  1. The difference between let and const and var in ES6 series
  2. Deconstruction and assignment of variables in ES6 series
  3. ES6 series template string
  4. Full analysis of arrow functions in ES6 series
  5. One of the articles in ES6 series thoroughly understand Iterator
  6. Complete analysis of Generator generator in ES6 series
  7. ES6 series Promise collection
  8. ES6 Series Handwritten Promise
  9. ES6 Series Proxy

TypeScript Series

  1. TypeScript Introduction Knowledge Points
  2. TypeScript Advanced Experience Summary

React Series

  1. Encapsulate Axios with React+Antd to achieve global loading effect
  2. Reasons for this binding of React function and comparison of four binding methods
  3. A brief discussion on React's Context API
  4. Implement createElement and render methods
  5. Handwriting simulation implements React Hooks
  6. Implement a mini Redux (basic version)
  7. Implement a Redux (complete version)
  8. Take you to implement react-redux
  9. Understand the redux-thunk source code
  10. Handwritten Observable and autorun methods for implementing MobX
  11. Take you in the beginning step by step
  12. Step by step to get you started Next.js
  13. Talk about understanding the new and old life cycles of React
  14. Deepening into React's setState mechanism
  15. A brief discussion on understanding React Fiber
  16. A brief analysis of requestIdleCallback
  17. React's state management library—Recoil
  18. Upgrading React Router v6 Guide
  19. A post explains the updates and changes of React 17 and React 18
  20. In-depth React Context source code and implementation principles
  21. In-depth React synthesis event mechanism source code and principle
  22. In-depth beginWork process for the render stage of React source code
  23. CompleteWork process that penetrates the React source code render stage

Interpretation of ahooks source code series

  1. 【Interpretation of ahooks source code series】 (Opening) How to obtain and monitor DOM elements
  2. 【Interpretation of ahooks source code series】DOM article (I)
  3. 【Interpretation of ahooks source code series】DOM article (II)
  4. 【Interpretation of ahooks source code series】DOM article (III)
  5. 【Interpretation of ahooks source code series】DOM article (IV)
  6. 【Interpretation of ahooks source code series】Dev article—useTrackedEffect and useWhyDidYouUpdate
  7. 【Interpretation of ahooks source code series】Advanced article
  8. [Interpretation of ahooks source code series] State (I)
  9. [Interpretation of ahooks source code series] State (II)
  10. 【Interpretation of ahooks source code series】Effect article (I)
  11. 【Interpretation of ahooks source code series】Effect article (II)

Vue Series

  1. Implement EventBus communication method in Vue
  2. Simple handwritten Vuex
  3. Simple handwritten Vue Router
  4. Take you into the beginning experience of Vue3

Daily summary

  1. Method to get the maximum value in the array
  2. A summary of common operations of native JavaScript DOM
  3. Summary of JavaScript array methods
  4. Handwritten anti-shake and throttling functions
  5. Induction and sorting of front-end cross-domain solutions
  6. Front-end SEO optimization based on SSR/SSG + Gatsby
  7. Differences between escape, encodeURI, encodeURIComponent
  8. Front-end security - XSS and CSRF
  9. Native MediaRecorder API Screen recording and learning records
  10. Realize front-end screen recording based on WebRTC video streaming
  11. Web Worker Learning
  12. A detailed explanation of the basics of WebRTC
  13. lerna and yarn notes

Front-end engineering

  1. Start using Webpack from scratch to build React projects
  2. How to write a Webpack Loader
  3. How to write a Webpack Plugin
  4. Webpack Sourcemap Review
  5. A article will help you learn about Jest unit tests
  6. Step by step to get started with Travis Automated Deployment
  7. Build Next.js + TS + Antd + Redux + Storybook enterprise-level project scaffolding
  8. Upgrading Webpack5 practice
  9. Vite 2.0 + React + TypeScript + Antd Build a simple scaffolding
  10. Clarify Webpack knowledge system and learning resource recommendations
  11. Combining practical interpretation in-depth package.json

Performance optimization

  1. Webpack dynamic import react-toastify
  2. A brief analysis of Chrome Devtools' Performance panel
  3. My front-end performance optimization system summary
  4. Clarify Web Worker and actual combat scenarios

HTTP Series

  1. Learn the HTTP caching mechanism
  2. HTTP and HTTPS protocols
  3. Review the difference between HTTP1.0-HTTP1.1-HTTP2.0

Browser

  1. Understand the principles of browser rendering (rearrangement and repainting)

CSS Series

  1. Footer always keeps the bottom displayed when the page content is insufficient to cover the screen height and there are scroll bars.
  2. Custom checkbox styles
  3. One article summarizes CSS two-column layout and three-column layout
  4. Completely understand BFC
  5. CSS Horizontal Vertical Centering Review and Summary

A collection of small problems encountered in development

  1. Summary of usage of sessionStorage and localStorage
  2. Open and prohibit page scrolling on mobile terminal
  3. Vue achieves star rating effect
  4. Encapsulate axios interceptor to realize user-invisible refresh access_token
  5. Solve the problem of using input method to input in the React input box

Plug-in series

  1. swiper custom pager
  2. vue-awesome-swiper Modify the color of the carousel pagination
  3. swiper parent element is in a hidden state scrolling effect failure problem

Postscript

If you like it or have some inspiration, welcome to star. Is your encouragement the motivation for my continuous creation?

Expand
Additional Information
Related Applications
Recommended for You
Related Information All