一、今日学习内容
设计模式介绍
什么是设计模式
设计模式就是程序员针对特定问题，给出的简洁而优化的处理方案，所以设计模式，只在特定的情况，特定的时期，针对特定的问题使用
常用的设计模式
单例模式：只允许存在一个实例的模式
组合模式：把如干个启动方式一样的构造函数放在一起，准备一个总开关，总开关已启动，那么这些构造函数就启动了
观察者模式：又称为发布订阅者模式，经典案例：事件监听
代理模式：proxy，为其他对象提供一种代理以控制对这个对象的访问，为了不暴露执行对象的部分代码
工厂模式：工厂函数就是做一个对象创建的封装，并将创建的对象return出去
策略模式：定义一系列算法，把他们一个个封装起来，并且使他们可以相互替代，从而避免很多if语句
DOM和BOM概述
DOM与BOM
DOM文档对象模型：是一个是程序和脚本能够动态的访问和更新文档的内容，结构以及样式，并独立于平台和语言的接口
BOM浏览器对象模型：是JavaScript有能力与浏览器进行对话
API：应用程序编程接口，就是给程序员提供的一种工具，以便可以更加轻松的实现某种功能
web API：就是浏览器提供的一套浏览器功能和页面元素的API
DOM，DOM树结构分析
DOM分为三部分：
核心DOM：用于XML与HTML的共用接口（操作节点，创建，删除，查找等）
XML DOM：XML专用接口，就是DOM进行增强，加入了一些适用于自己的接口
HTML DOM：HTML专用接口，其实就是DOM进行增强，加入了一些适用于自己的接口
DOM树：HTML节点树
HTML文档是一种树状的结构化文档，各标记之间是一种树状的层级关系
节点：整个文档就是文档节点--document
每一个HTML标签都是一个元素节点---element
标签中的文字就是文本节点（回车，空格也是文本节点）--text
标签的属性就是属性节点---Attribute
所有的一切的都是节点---Node
获取标签对象的主要方式
获取html元素
H4：
getElementById（）---获取ID
在文档中查找指定的id节点，如果找到返回则返回该节点
getElementByTagName（）---获取标签名
在文档中查找指定的标签名的对象的集合
getElementByClassName（）---获取类名--集合
getElementByName（）---name属性---集合
H5:
单个----符合要求的第一个节点
document.querySelector（"选择器"）
集合---符合要求所有的节点
document.querySelectorAll（"选择器"）
操作标签的内容
文本标签：
innerHTML----读取标签---里面的子标签
innerText----纯文本，不解析标签，不解析代码里面的空格
textContent----纯文本，不能解析标签，解析空格
表单标签：value
二、今日问题
无
|
