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 …… |
时间: 2024-10-13 01:44:34