32. 手写DOM库

##封装 DOM

从入门到工作：JS 编程接口

什么叫封装

• 举例

  • 电脑笔记本就是CPU、内存、硬盘、主板、显卡的封装

  • 用户只需要接触显示器、键盘、鼠标、触控板等设备

  • 即可操作复杂的计算机

• 接口

  • 被封装的东西需要暴露一些功能给外部

  • 这些功能就是 接口 ，如 USB 接口、HDMI 接口

  • 设备只要支持这些接口，即可与被封装的东西通讯

  • 比如键盘、鼠标支持 USB 接口

  • 显示器支持 HDMI 接口

术语

• 库

  • 我们把提供给其他人用的工具代码叫做库

  • 比如 jQuery、Underscore

• API

  • 库暴露出来的函数或属性叫做 API（应用编程接口）

• 框架

  • 当你的库变得很大，并且 需要学习才能看懂 ，

  • 那么这个库就叫框架，比如 Vue / React

• 注意

  • 编程界的术语大部分都很随便，没有固定的解释

  • 所以意会即可

今天我们开始学习封装技术

用两种风格封装 DOM 操作