JavaScript知识体系

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 ……

 

以上是关于JavaScript知识体系的主要内容,如果未能解决你的问题,请参考以下文章

javaScript知识体系(下)- js高级部分知识点串烧-总结

javaScript知识体系(上)- 变量语句函数对象

前端知识体系-01

javaScript知识体系(中)- DOMBOM其它内置对象

前端知识体系-JS相关深入理解JavaScript原型(继承)和原型链

Node.js知识体系图 重磅上线