什么是DOM DOM:文档对象模型。DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。 DOM就是由节点组成的。 解析过程 HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树,getElementById是 ...
分类:
Web程序 时间:
2018-08-18 19:47:09
阅读次数:
165
1.什么是DOM,简单的说,DOM是一套对文档的内容进行抽象和概念化的方法。 《JavaScript DOM编程艺术》 D:document,即文档 O:object,即对象 M:model,即模型 DOM把一份文档表示为一棵树,或者更具体来说就是一颗家谱树,这棵树由各种类型的节点构成。 DOM节点 ...
分类:
Web程序 时间:
2018-08-12 22:22:34
阅读次数:
172
在jQuery中,遍历节点的方法也有很多,接下来我们通过下面的dom结构依次操作这些方法的异同。 children() 该方法用于获取匹配元素的子元素集合,需要注意的是,该方法只考虑子元素而不考虑其他后代元素。 next() next()方法用于取得匹配元素后面紧邻的同辈元素。 <script> v ...
分类:
其他好文 时间:
2018-08-05 14:22:24
阅读次数:
154
一、使用CSS3动画代替JS动画 JS动画频繁操作DOM导致效率非常低 在频繁的操作DOM和CSS时,浏览器会不停的执行重排(reflow)和重绘(repaint) 可以避免占用JS主线程 这边就不细说这两者具体的低优缺点。一般做2D动画的话,可以使用CSS3的transition或animatio ...
分类:
Web程序 时间:
2018-08-03 14:27:42
阅读次数:
219
这一小节主要讲了HTNL DOM常见的操作,包括创建节点、查找节点、插入节点、移动节点、删除节点等。 接下来上具体的代码: 代码中的注释里有上课时所整理的部分知识点: ...
分类:
Web程序 时间:
2018-08-01 01:04:13
阅读次数:
182
ref 如果在html里设置ref那么它就指向这个真实的DOM节点。 如果在组件里设置ref,那么它就指向这个组件实例的引用,和组件里面的this互等。 我们经常在表单input,select里使用,获取其value,如: this.refs.ad.value 。 key 一个组件,可能会调用很多次 ...
分类:
其他好文 时间:
2018-07-25 19:02:12
阅读次数:
127
一般来讲,获取DOM元素,需document.querySelector(".input1")获取这个dom节点,然后在获取input1的值。 但是用ref绑定之后,我们就不需要在获取dom节点了,直接在上面的input上绑定input1,然后$refs里面调用就行。 然后在javascript里面 ...
分类:
其他好文 时间:
2018-07-19 10:40:26
阅读次数:
127
宿主对象即浏览器提供的对象,主要包括DOM对象和BOM对象。 一、DOM源起 1.SGML、XML和XHTML 2.XML的API 3.DOM节点层次 4.节点类型常量 4.节点类型常量 5.节点特性和方法 6.HTML DOM 二、DOM通用节点对象操作 1.DOM的通用属性 2.DOM的通用集合 ...
分类:
编程语言 时间:
2018-07-14 13:06:03
阅读次数:
157
1. innerHTML !注意 innerHTML方法只能作用于元素节点调用;文本节点并不能使用这个方法返回undefined! ...
分类:
其他好文 时间:
2018-07-10 21:39:14
阅读次数:
166
Splash是一个javascript渲染服务。它是一个带有HTTP API的轻量级Web浏览器,使用Twisted和QT5在Python 3中实现。QT反应器用于使服务完全异步,允许通过QT主循环利用webkit并发。一些Splash功能: 并行处理多个网页 获取HTML源代码或截取屏幕截图 关闭 ...
分类:
编程语言 时间:
2018-07-09 16:32:42
阅读次数:
312