JavaScript

  1. JavaScript event loops
  2. Event loop in node environment
  3. How JavaScript works
  4. JavaScript execution context
  5. JavaScript scope, scope chain
  6. JavaScript variable promotion
  7. Prototype, prototype chain
  8. Eight inheritance schemes
  9. To understand the object. The create ()
  10. Call, apply, bind
  11. Closures, application scenarios
  12. Memory leaks
  13. Js custom events
  14. Cross-domain solutions
  15. try… Catch exception

Es6 series

  1. Principle of promise
  2. Promise source 1
  3. Promise source 2
  4. Promise source 3
  5. Core features

Performance optimization series

  1. Calculate the blank screen time *
  2. Understand DOMContentLoaded, onLoaded, onReady
  3. The page declares cycles, async/defer
  4. DocumentFragment DocumentFragment
  5. Image lazy loading IntersectionObserver
  6. Animation RAF (requestAnimationFrame)
  7. Queue head blocking, concurrent connections, domain name fragmentation

Asynchronous loading of JS

  1. The use of prefetch/preload
  2. Async /await execution order problem
  3. Understand the async/await

Handwritten code series

  1. The new implementation
  2. Call, apply implementation
  3. Anti-shake and throttling

The algorithm series

  1. Graphical JavaScript algorithm sorting

Practical series

  1. Large file slice upload and resumable upload

Design patterns

  1. Publish and subscribe model

Virtual DOM

  1. Understanding the virtual DOM (no faster than native?)
  2. Revisit the virtual DOM (updating the DOM with minimal cost)

HTTP

  1. The soul of the browser asks
  2. Understand localStorage, sessionStorage, session, and cookie
  3. Simple and non-simple requests
  4. Http2.0 new features
  5. Why is HTTP2 faster than HTTP? What are the specific aspects of improvement
  6. An article will take you through the HTTP protocol
  7. HTTPS Principle (Easy to understand)
  8. HTTPS handshake procedure

Interface request series

  1. Ajax principle
  2. Overview of Axios usage and principles
  3. Axios prevents multiple interface submissions and Axios defends the CSRF principle

From entering URL to rendering page series

  1. The basic flow
  2. TCP three handshakes, four waves
  3. Browser caching mechanism
  4. Understanding of cache algorithms (FIFO, LRU, LFU)
  5. Cache algorithm code implementation (FIFO, LRU)
  6. Principle of TCP secure transmission
  7. An article familiarizes you with the TCP/IP protocol

Front end safety series

  1. Understand XSS and SXRF attacks
  2. Prevent XSS attacks

Vue

  1. Vue declares the period
  2. Understand the progressive framework
  3. Vue component communication mode
  4. Vue.use()
  5. V – for the key

vuex

  1. Vuex data is stored persistently
  2. Vuex principle

vue3.0

  1. New features
  2. Experience Card (Code)

HTML, CSS,

  1. CSS box model
  2. BFC
  3. css-modules
  4. Differences between CSS-modules and scoped
  5. Advantages and disadvantages of CSS animation versus JS animation

Webpack

  1. Webpack learning directions
  2. Webpack speed
  3. Webpack package optimization
  4. Webpack performance optimization
  5. Webpack related collation
  6. Common WebPack plug-ins
  7. Implement a WebPack plug-in
  8. Tree – Shaking

The browser

  1. Browser garbage collection mechanism
  2. GUI thread, JS engine thread
  3. Web workers and Service workers
  4. Caching and offline development with Service Worker and cacheStorage

Blogs, making

  1. Hu Yu’s blog
  2. Wood Yi Yang Daily – Interview – Question
  3. Haizlin front-end knowledge 3+1 per day
  4. Ziyi’s blog

The mobile terminal

  1. Mobile compatible solution VW + REM
  2. Mobile compatible solutions

other

  1. Prevents the browser from dragging to the bottom
  2. Single sign-on problem
  3. Large file upload and resumable upload
  4. Front-end modular details, AMD, CMD and other specifications

How about some cool

  1. 2018 front-end interview summary, read and understand, the salary said less plus 3K
  2. Q: If you can understand 80%, please give me your resume
  3. Browser soul asks, how many can you catch?
  4. HTTP from beginning to advanced
  5. Front-end base pickup 90 questions
  6. How did I become an interviewer at Ali
  7. Look at Ali’s face
  8. Dozens of interview questions with answers

Before preparing for the interview read some of the boutique articles, will continue to update ~