Es6-es10 knowledge integration

Time:2020-12-6

catalog

  • ECMAScript
  • ES2015
  • Classification of new features
  • Es6-es10 learning map
  • Basic syntax link integration

After two months, finally put all theES6-ES10All the knowledge points have been released. Here is a small integration, which can be used for reference later.
These things are printed out, A4 paper also has more than 120 pages, like a small book( ̄▽ ̄)/

Some things encountered online search and their own collation feeling is not the same, also hope that they can slowly have a writing finishing habit. Grammar is the basis, or to go through it as a whole. When you meet it, you can check it again. You don’t know where to start. So each part is classified and displayed so that it can be checked✧(^_-✿

RightECMAScriptDo some knowledge sorting

ECMAScript

ECMAScriptIt is generally regarded asJavaScriptIn factJavaScriptyesECMAScriptThe extended language of,ECMAScriptIt just provides the most basic grammar.

Each front-end person is familiar with the formula:

JavaScript = ECMAScript + BOM + DOM

ES2015

  • 2015The year begins to keep iterations of one version per year, and begins to name them according to the year.
  • Compared withES5.1The changes are relatively large
  • Since then, the standard naming rules have changed
  • ES6It refers to2015All new standards after2015Year’sESVersion, in the future to see whether it refers specifically or generally

Classification of new features

  • Solve some problems or deficiencies in the original grammar
  • Enhance the original grammar
  • New objects, new methods and new functions
  • New data types and data structures

Es6-es10 learning map

Es6-es10 knowledge integration

Basic syntax link integration

ES6

ES7

ES8

ES9

ES10

Recommended Today

Select text and add style

<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”utf-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width,initial-scale=1.0″> <style> .tag.blue{ border: 3px solid rgb(32, 156, 238); background-color: rgb(32, 156, 238); } .tag.red{ border: 3px solid rgb(255, 51, 51); background-color: rgb(255, 51, 51); } .tag{ color: #fff; border-radius: 5px; font-style: normal; } .tag > .delete{ / margin-left: 5px; / background-color: rgba(10,10,10,.2); […]