DOM 的阶段性总结与疑问，内容包括以下零散的知识。
一. 前端操作起手式
- 创建 src 文件夹，创建 index.html、style.css、main.js
- index.html 中，修改 lan，title，viewpoint，其中 viewpoint 是适应手机的，看需要是否要改，想改可以上淘宝抄来用一样的
- index.html 关联 style.css 和 main.js，开一个服务端口测试关联是否生效 其中 style.css 中，这三个 margin、padding、box-sizing 修改是习惯
二. href 和 src 的区别？
它们之间的主要区别可以用这样一句话来概括：src 用于替代这个元素，而 href 用于建立这个标签与外部资源之间的关系。css 用 link，js 用 src
三、取得元素的方法有哪些？
是不是可以通过元素名、id、class 取到元素？
不限于以上这些方法，具体取的方法，可以参考网上内容，有很多，想要使用直接网上搜索，关键字如下："CSS 选择器 的MDN"、"JS获取HTML DOM元素的 8 种方法"
四、 JS 取到的元素是个什么玩意？
CSS 获取元素后加样式，所做的操作有限，不必过多去理解取到的元素是个什么东西，当使用 JS 取到的元素在 JS 中是个什么东西呢，为什么还可以遍历继续筛选？
JS中获得的元素显然是个对象，如果取到一个元素，遍历过后取到这个对象，console.log 后的展现形式是一个标签，详细内容通过 console.dir 打印，它的 length 长度是 1，如果获得某个元素下的很多个 childeren 则回应一个数组，数组里面的各个内容就是元素内容，用中括号[]可以获取元素。
我们这样子理解，把 html 里的元素当成一个点（节点），一个里面有很多内容的点。
window.document 拿到了一个节点，是整个网页。这种用 "document 对象" 操作整个网页的思想叫 DOM（Document Object Model）
五、document 是个啥玩意？
回顾 JS 世界的构造的课，可以追溯 document 从哪来
document.__proto__ === HTMLDocument.prototype // true
document.__proto__.__proto__ === Document.prototype // true
document.__proto__.__proto__.__proto__ === Node.prototype // true
document 是一个彻彻底底的弟弟啊
六、JS 怎么查看一个 API 挂靠在哪个对象下？
我暂时使用的方法是在浏览器的控制台里直接 Ctrl + F 搜索
对 DOM 编程的理解用原型链的方式展示一下下
七、我们通常对元素的哪些操作呢？
写 dom 封装的时候发现有一个元素的操作有很多，我们通常对元素的哪些操作呢？这些都有套路的，一共有多少呢？
我发现没很多套路，只需要记得一些常用 API，无需刻意去记忆，用到什么记什么。
八、return 都会做什么用呢？
很多函数下都会接一个 return，这个 return 一般会做什么用呢？学过的内容中，哪些东西需要 return，哪些东西不需要呢？
return 就是能够在执行函数之后再返回一个东西，是否要返回、返回什么都是自己决定，没人任何强制性要求。 常见的 return 操作是数组操作后返回数组，比如弹栈的时候把弹栈过后的数组再返回回来，还有时候对象用过函数操作返回函数而不是返回对象。
九、HTML 与 CSS，HTML 与 JS 之间的纽带是什么？
我们怎么让他们互动起来的？
CSS 与 HTML 之间的纽带是各类选择器，包括但不限于 id、class 和爸爸儿子等，通过它们来添加样式
HTML 与 JS 之间的纽带是各种各样的函数取得 HTML 内容并能够增删改查
具体的互动方式可以问谷歌爸爸或者百度爸爸自行搜索
十、节点长度是什么鬼？和数组好像不一样啊
这个问题跟第四个问题是一样的，JS 取到的元素是个什么玩意？它就是一个节点啊。一个节点的长度是 1，一群节点的话凑一块计算他们长度，就像数组一样，有几个节点那它的长度就是几。
「@浪里淘沙的小法师」
