Front-end knowledge system

js

Essence of JS language

  • Basic data type, variable promotion
  • Functions and objects, constructors
  • Closures, this and scopes
  • call, apply, bind
  • inheritance
  • Statements and expressions
  • Higher-order functions
  • Js typical error analysis
  • Prototype chains and prototype objects
  • Recursion and tail recursion

Es Core Technology

  • Dig deeper into this parsing
  • Scope and closure
  • Value passing and reference passing analysis
  • Prototype and prototype chain
  • Microtasks, macro tasks, synchronous queues, asynchronous queues
  • Temporary dead zone
  • GC
  • Execution stack

Es6 core technologies

  • Const, let, destruct, string, array, object, function
  • Yieid and traversal
  • Class, set, map
  • Export/import with the Module
  • modified
  • Symbol Details new features

es6+

typescript

Js functional programming

css

Classic layout

Senior draw

The layered theory

html

Semantic HTML

Burial point, monitoring, log analysis

Localstorage capacity

Cross-domain problem solution

Vulnerability defense

nodejs

basis

The advanced

The source code into

practice

The box before the plane

MVVM&MVC

VUE

  • Vue family bucket quick start

    • vue
    • vuex
    • vueRouter
    • vue ssr
    • Application of TS in VUE

  • Vue2 source code analysis

  • Analysis of vuE2 peripheral principle

  • Vue3 use and source code explanation

React

  • The React buckets

    • react
    • reactRouter
    • redux
    • react ssr
    • Ts application in React

  • Flux thought and redux use

  • Redux source code implementation

  • New features in React16.8

  • React16.8 source in depth

Front-end architecture Design

componentization

Micro front-end

Design patterns

Data structures and algorithms

Front-end performance optimization

Front-end performance debugging

  • Breakpoints capture event bindings
  • Performance Performance Panel
  • Timeline controls the frame rendering mode
  • Profiles Specific problem analysis

Further front-end performance optimization

  • Web high performance CSS and browser rendering principles
  • Browsers and the HTTP layer
  • Section-oriented programming
  • Server performance optimization
  • The performance of the front screen is improved
  • HTTP caching mechanism
  • Nodejs memory leaks
  • React Performance Optimization
  • Vue performance optimization

The front security

Front-end encryption

Front-end security Policy

  • The same-origin policy
  • xss
  • csrf
  • The front-end cookies
  • Security sandbox
  • HTTPS hacking
  • Front-end clickjacking problem

owasp

Front-end target environment and penetration platform

Principles of browsers

The macro view of the browser

  • HTTP Request Process
  • Navigation process
  • Rendering process

Js execution mechanism in browser

  • Variable ascension
  • The call stack
  • Block-level scope
  • Scope chains and closures
  • this

V8 Working Principle

  • Stack space & heap space
  • The garbage collection
  • Compilers & interpreters

Page loop system in browser

  • Message queues and event loops
  • The realization of the setTimeout
  • The implementation of XMLHttpRequest
  • Promise
  • aysnc/await

Pages in the browser

  • Chrome Developer Tools
  • The DOM tree to build
  • Rendering line
  • Stratification and synthesis mechanisms
  • Page performance
  • Virtual DOM
  • Progressive Web applications
  • WebComponent

The Web in the browser

  • Network protocol

    • The Http protocol
    • Tcp/IP protocol
    • DNS protocol and CDN technology

Browser security

  • The same-origin policy
  • xss
  • csrf
  • Security sandbox
  • https

Engineering and continuous building

Build tools

  • webpack
  • babel

Version control

  • svn
  • git

CI/CD

Code quality Management

  • eslint/lint
  • snoar

Automated testing

  • Test type analysis and practical application
    • The test framework

Server and back end

Linux

Proxy and reverse proxy server

PHP+MySQL

XMind: ZEN – Trial Version