YZBTDIY

BOM 简介

• BOM 是 Browser Object Model 的缩写，译为 浏览器对象模型
• BOM 没有统一标准可以遵循，每个浏览器都有自己的实现
• BOM 根本上只处理浏览器窗口和框架，但习惯上把针对浏览器的扩展也认为是 BOM 的一部分：
  • 弹出新窗口的功能
  • 移动，缩放，关闭浏览器窗口的功能
  • 提供浏览器详细信息的 navigator 对象
  • 提供浏览器所加载页面详细信息的 location 对象
  • 提供用户显示器分辨率详细信息的 screen 对象
  • 对 cookie 的支持
  • 像 XMLHttpRequest 和 IE 的 ActiveXObject 这样的自定义对象

DOM 简介

• DOM 是 Document Object Model 的缩写，译为 文档对象模型
• DOM 是针对 XML 但经过扩展用于 HTML 的 应用程序编程接口（ API，Application Programming Interface）
• DOM 不只是针对 javascript 的，很多其它语言也实现了 DOM
• DOM 规范解释了文档的结构并提供了对其进行操作的对象
• DOM 提供了使程序和脚本有能力去动态访问和更新文档内容、结构及样式的方法和接口
• window 是 浏览器窗口对象，document 是 window 下的一个属性，代表整个 DOM 对象模型
• DOM 把整个页面映射为一个 多层节点结构，称为 DOM 树 HTML 或 XML 页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据
  • 以 html 为根节点，各种标签形成分支节点组成倒立的树状结构，称为 DOM 树
  • 通过 DOM 提供的方法去获取或操做的节点称为 DOM 对象
• DOM 节点：
  • 元素节点 标签
  • 属性节点 标签属性
  • 对象节点 文本内容
  • 注释节点 注释说明

内置基本类型（17种）

数值类型

• 整数类型
  • int（别名 byte）
  • int8
  • int16
  • int32（别名 rune）
  • int64
  • uint
  • uint8
  • uint16
  • uint32
  • uint64
  • uintptr
• 浮点数类型
  • float32
  • float64
• 复数类型
  • complex64
  • complex128

整数类型的值有四种字面量形式：

• 二进制 （binary），以 0b 或 0B 开头 ，golang 1.13 以上支持
• 八进制 （octal），以 0 或 0o 或 0O 开头，golang 1.13 以上支持
• 十进制（decimal），不能以 0 开头
• 十六进制（hex），以 0x 或 0X 开头

字符串类型

• string

布尔值类型

• bool

2020 Happy New Year!

回顾

2019 年结束了，这一年过的平淡无奇，留下了些许遗憾，

国庆节结束后，本来想学习 golang，但由于各种原因最后决定学前端，

个人网站的建设有了初步进展，学生主机的 1M 带宽凑合自己玩，

github 迟迟未开坑，哎，又是碌碌无为的一年。

JSON 对象

对象定义

在 javascript 中，对象是一系列无序键值对的集合，javascript 中对象的概念类似于 python 中的字典

函数的作用

• 解决代码冗余问题，提高代码复用率
• 实现代码的模块化
• 封装代码，是函数内部代码对外部不可见

函数三要素

• 函数名，最好使用动词，经常使用 get， set 作为前缀
• 参数，定义函数是括号内的为形参，调用函数时传递实参，形参一般是变量，实参是具体的值
• 返回值，函数通常会通过 return 返回值作为函数调用表达式的值，若无 return 默认返回 undefined
• 函数是否需要参数和返回值需要具体判断

数组

• 数组是具有相同类型或不同类型的数据有序排列的集合（索引有序）
• 数组属于对象数据类型，可以一次性存储多个数据

定义数组

字面量定义数组

1
2
3

var arr1 = [2, 0, 1, 9];
var arr2 = ["html", 5, "css", 3, "js", "es5"];
var arr3 = [];

• 字面量定义是构造函数定义得简写方式，本质还是调用构造函数

分支

单分支

1
2
3

if (condition){
    statement
}

• 满足 condition 条件执行 statement 语句，不满足则不执行

双分支

1
2
3
4
5

if (condition){
    statement1
} else {
    statement2
}

• 满足 condition 条件执行 statement1，否则执行 statement2

运算符

运算符优先级：MDN

算数运算符