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上挂很多的函数

6-3 JS编程接口（手写DOM库）相关推荐

【学习笔记】Part1·JavaScript·深度剖析-函数式编程与 JS 异步编程、手写 Promise（二、JavaScript 异步编程）
[学习笔记]Part1·JavaScript·深度剖析-函数式编程与 JS 异步编程.手写 Promise(课前准备) [学习笔记]Part1·JavaScript·深度剖析-函数式编程与 JS 异步 ...
JS 面试问题: 手写 new
JS 面试问题: 手写 new
promise 浏览器实现的源码_【大前端01-01】函数式编程与JS异步编程、手写Promise...
[简答题]一.谈谈你是如何理解JS异步编程的,EventLoop.消息队列都是做什么的,什么是宏任务.什么是微任务? 如何理解JS异步编程众所周知JavaScript语言执行环境是"单线程 ...
计算机毕业设计中用python神经网络编程实现手写数字识别
本文实例为大家分享了python实现手写数字识别的具体代码,供大家参考,具体内容如下 import numpyimport scipy.special#import matplotlib.pyplot ...
python手写数字识别实验报告_python神经网络编程实现手写数字识别
本文实例为大家分享了python实现手写数字识别的具体代码,供大家参考,具体内容如下 import numpy import scipy.special #import matplotlib.pypl ...
小白玩机器学习（6）--- 基于Tensorflow.js的在线手写数字识别
一.题目要求 1.三个js文件,分别完成:网络训练以及模型保存.模型加载及准确率测试.在线手写数字识别: 2.模型测试准确率要高于99.3%(尽量): 3.在线手写数字识别需要能够通过鼠标在画布中写入 ...
Python神经网络编程：手写数字的数据集MNIST
识别人的笔迹这个问题相对复杂,也非常模糊,因此这是一种检验人工智能的理想挑战.这不像进行大量数字相乘那样明确清晰. 让计算机准确区分图像中包含的内容,有时也称之为图像识别问题.科学家对这个问题进行了几 ...
matlab 对mnist手写数字数据集进行判决分析_Python神经网络编程：手写数字的数据集MNIST...
识别人的笔迹这个问题相对复杂,也非常模糊,因此这是一种检验人工智能的理想挑战.这不像进行大量数字相乘那样明确清晰. 让计算机准确区分图像中包含的内容,有时也称之为图像识别问题.科学家对这个问题进行了几 ...
【零基础】从零开始学神经网络《python神经网络编程》——手写数字识别实战
文章目录前言一.机器学习是什么,深度学习是什么? 二.对NN,CNN,RNN,GNN,GAN的名词解释三.详细介绍神经网络(NN) 1.认识神经网络 2.神经元 3.激活函数 4.权重--连接的 ...

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

封装DOM

一、对象风格

6-3 JS编程接口（手写DOM库）相关推荐

最新文章

热门文章