推荐文章链接：
文章一：https://mp.weixin.qq.com/s/wX6M6To1Hs0uQegtFMQZiA
文章一：vue概览学习
1.Vue的优点和缺点 20210927
优点：渐进式、组件化、轻量级、虚拟DOM、响应式、单页面路由、数据与视图分开
缺点：单页面不利于seo、不支持IE8以下、首屏加载时间长（有争议，可以通过打包优化）
DOM相关
理解真实DOM和虚拟DOM
1、真实DOM：(Document Object Model)是HTML和XML文档的编程接口。由多层节点构成的文档。
2、虚拟DOM：模拟DOM的JavaScript数据结构。
3、什么是文档元素：例如HTML中的文档元素就是<html>元素（根节点的唯一子节点）。
4、DOM总共有12种节点类型，都继承Node类型
（1）每个节点都有childNodes属性，包含一个NodeList实例（NodeList类数组对象，有length属性，用于存储可以按位置存储的有序节点）
（2）每个节点都有parentNode属性
节点导航：previousSibling、nextSibling
判断是否有子节点：hasChildNodes()
在childNodes列表末尾添加节点，返回新添加的节点（传已有的节点，该节点位置被调到最后）：appendChild()
特定位置插入节点：insertBefore(要插入的节点,参照节点)
替换、移除旧节点，返回被移除的节点：replaceChild(要插入的节点,要替换的节点) removeChild()
复制，传true参数表深复制：cloneNode()
处理文档子树中的文本节点：normalize()
5、Document类型（用于获取关于页面信息及操纵其外观和底层结构）：表示文档节点的类型
定位元素：getElementById()、getElementsByTagName(要获取的元素标签名)、getElementsByName()
特殊集合：document.anchors、document.applets、document.forms、document.images、document.links
文档写入：write()、writeln()、open()、close()
6、Element类型
（1）HTML元素：id、title、lang、dir、className
（2）取得属性：getAttribute()、setAttribute()、removeAttribute()
252
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
