JavaScript知识体系

JavaScript知识版图

Language

ECMAScript

Browser

BOM

DOM

Other

Transmition

Ajax、JSON

Server-side

Node

JavaScript纵向生态

应用层

交互逻辑

组件层

定制组件

通用组件 如Datepicker

框架层

jQuery、Angular、React……

核心层

原生js和底层API

Language

Data

Value、Type and Variable

-JavaScript has 5 basic value types, which are Number，String，Boolean，Null and Undefined.

-Variable are used to represent values. Being loosely typed, a variable is literally just a name for a particular value at a particular time.

Data Structure

Array

An array is an ordered collection of values.

Object

Formally，an object is a group of pairs of name and value. It has two kind of properties : value property and function property.

Rules

Operator

Usage

Priority

Statement

Condition

Loop

Function

Basic Opreation

Recursion

Variable Scope and Memory

Closure

Object

Basic Operation

Properties and Methods

Object, Array, Date, RegExp, Function;

Number, String, Boolean;

Math, Global

Object Creation

Inheritance

Others

Syntax

Type conversion

BOM

Object

Window

Location

History

Navigator

Screen

Execution

How does JavaScript work on client-side.

Security

Restrictions on JavaScript.

Client Detection

How to get information of the browser effectively.

Storage

How to store inormation on client-side.

DOM

Object

Document

Node

Element

Text

Form

Http

Event

Event

Event Type

Document

Mouse

Keyboard

Form

Drag

Touch

Event register

Event handler

Event flow and event delegation

HTML5 API

SVG, Canvas, Video, Audio ……