【博学谷学习记录】超强总结,用心分享|前端开发基础知识总结(js十一)DOM节点

日期对象

                实例化:new Date()

                获得日期对象方法:getMonth()获得月份

                时间戳1.const data=new Date()  data.getTime()

                                2.+new Date()

                                3.Date.now()只能得到当前的时间戳,而前面两种可以返回指定时间的时间戳

DOM节点:DOM树里每一个内容都称之为节点,(元素节点,属性节点,文本节点)

                html是根节点->父节点,子节点,兄弟节点

                父节点:子元素.parentNode属性,返回最近一级的父节点,找不到返回null

                子节点:childNodes获得所有的子节点,children属性为仅获得所有元素节点,返回的是一个伪数组   父元素.children

                兄弟节点:下一个 nextElementSibling属性, 上一个兄弟节点 previousElementSibling属性

                增加节点:document.creatElement('标签名')

                追加节点:插入到父元素的最后 父元素.appendChild(要插入的元素)

                                插入到某个子元素的前面 父元素.insertBefore(要插入的元素,在哪个元素的前面)

                增加节点:克隆节点:元素.cloneNode(布尔值):true克隆时会包含后代节点一起克隆,false代表克隆时不包含后代节点,默认为false

                删除节点:父元素.removeChild(要删除的元素),如不存在父子关系,则删除不成功

移动端事件

                touch(触摸事件):touchstart(触摸) touchmove(滑动) touchend(移开) 

插件:Swiper中文网-轮播图幻灯片js插件,H5页面前端开发

浏览器进行页面渲染:

               解析HTML,生成DOM树,同时解析CSS,生成样式规则,根据DOM树和样式规则,生成渲染树,进行布局Layout(回流/重排),根据生成的渲染树,得到节点的几何信息(位置,大小),进行绘制,展示在页面上.

                回流(浏览器重新渲染部分或全部文档的过程为回流)

                重绘:由于节点的样式的改变并不影响它在文档流中的位置和文档布局时

                重绘不一定引起回流,回流一定会引起重绘

                简单理解:影响到布局就会有回流

下节5