Basic important knowledge points

  • HTML and CSS
  • Prototype, scope, asynchrony
  • DOM events and Ajax
  • Performance optimization
  • Various handwritten codes
  • The HTTP protocol

Introduction to Knowledge

  • CSS (Layout, Positioning, Mobile Responsive)
  • ES syntax (prototype, prototype chain, scope, closure, asynchronous, single threaded)
  • WebAPI (DOM,BOM,Ajax cross-domain, event storage)
  • Development environment (version management, capture debugging, package build)
  • Runtime environment (page rendering, performance optimization, Web security)
  • Network communication (HEADERS, Restful API, Caching policy)

way

  • Take out a problem and think about it yourself first
  • Through the topic to know the corresponding knowledge point is what, and then expand their knowledge system
  • To solve the problem

Premise of learning

  • Knowledge of HTML and CSS basic syntax
  • Understand JS and ES6 basic syntax
  • The ability to search for knowledge and the desire to acquire knowledge
  • Learn to comb their own front-end knowledge system

About the interview

  • Basic engineer: Basic knowledge
  • Senior engineer: basic knowledge + project experience
  • Architect: Solution capability

On basis of

Must have certain basic knowledge to further study new technology, so as to learn efficiently ~ basic is the key!

The title

  • What types can Typeof determine? (js variable type)
  • When do I use ===? (Cast)
  • What is the difference between window.onload and DOMContentLoaded? (Page loading process)
  • Why do we load CSS in the header and js at the bottom?
  • Js create 10 < a> tags, click to pop up the corresponding sequence number (js scope)
  • Handwriting throttle, debounce (Performance, experience optimization)
  • What problem did Promise solve? (js asynchronous)

The conclusion of the question

  • When we get an interview question, we should first think about what the corresponding test point is, what the other party wants to test us, how can the other party test me on this knowledge point
  • The topic can change ten thousand, but knowledge point is fixed, still want to master the foundation
  • Topic -> Knowledge point -> topic

The knowledge system

What is a knowledge system

Effective Learning trilogy:

  • Identify the knowledge system (structured knowledge range, structured and organized, easy to expand);
  • Deliberate training (for every knowledge point to learn training deliberately);
  • Timely feedback (hands-on experience => actual work, writing articles, doing projects, going out for interviews, community exchanges and discussions, through these output of their own knowledge)

From what aspects comb

  • W3C
  • ECMA 262 standard
  • The development environment
  • Runtime environment

Knowledge system (very basic knowledge system, not all front-end knowledge system)

  • CSS Basics
  • Js Basic syntax
  • JS-Web-API
  • The development environment
  • Runtime environment
  • The HTTP protocol

The above notes are based on the notes after listening to the teacher shuangyue, such as infringement contact the author to delete