JavaScript知识体系

Posted 2020-07-09

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 ……