vue重点掌握知识点

推荐文章链接:
文章一: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属性
节点导航:previousSiblingnextSibling
判断是否有子节点: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()

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值