6-3 JS编程接口（手写DOM库）

封装DOM

手写一个JQuery
DOM是JS里面最常用的一个接口，会DOM就会网页上任何一个操作

1.什么叫封装？
相当于把一个复杂的东西打包成一个服务或者是盒子，只需要用一些简单的命令就可以操作它

1.1举例

• 电脑笔记本就是 CPU、内存、硬盘、主板、显卡 的封装（或者手机也是）
• 用户只需要接触显示器、键盘、鼠标、触控板等设备
• 即可操作复杂的计算机

1.2接口

• 被封装的东西需要暴露一些功能给外部
• 这些功能就是接口，比如 USB接口、HDMI接口
• 设备只要支持这些接口，即可与被封装的东西通讯
• 比如 键盘、鼠标支持USB接口
• 显示器支持HDMI接口
  
  1.3 我的库
  封装出一些接口，这些接口是用来操作页面的节点
  
  2.术语
• 库
  我们把提供给其他人用的工具代码（很多函数）叫做库
  编程的库：把一些好用的函数放到一个地方
  比如：JQuery、Underscore
• API
  库暴露出来的函数或者属性叫做API（应用编程接口）
• 框架
  当你的库变得很大，并且需要学习才能看懂
  那么这个库就叫做框架，比如 Vue/React（也是库，但它们很大）
• 注意
  编程界的属于大部分都很随便，没有固定的解释
  所以意会即可

用两种风格封装DOM操作

一、对象风格

• 也叫命名空间风格
  window.dom 是我们提供的全局对象
• 然后在dom上挂很多的函数