面板模块功能 一、Elements 在Element中主要分两块大的部分A：HTML结构面板B：操作dom样式、结构、时间的显示面板 1.在A中，每当你的鼠标移动到任何一个元素上，对应的html视图中会给该元素蓝色的背景。 2.如果你单击选中一个元素，在A部分的底部，会显示该元素在html结构中的位 ...
分类：
其他好文 时间：
2017-09-11 13:14:53
阅读次数：
163
JS中的DOM操作 【DOM树节点】 DOM节点分为三大类： 元素节点、 属性节点、 文本节点；、 文本节点、属性节点属于元素节点的子节点。操作时，均需要先取到元素节点，再操作子节点； 可以使用getElement系列方法，取到元素节点。 【查看元素节点】 1、getElementById：通过id ...
分类：
Web程序 时间：
2017-09-11 00:47:30
阅读次数：
190
Dom基本操作 一.Dom元素的获取 1.var $allP = $('p'); $allP.get(0)//第一个p $allP.get(-1)//最后一个p $allP.get()//所有的p $allP[0]//第一个p 2. $('p').toArray()//将jqure转化为Dom元素的 ...
分类：
Web程序 时间：
2017-09-10 19:49:44
阅读次数：
252
1.1 DOM操作对页面的影响 通过js操作DOM的代价很高，影响页面性能的主要问题有如下几点： 访问和修改DOM元素 修改DOM元素的样式，导致重绘或重排 通过对DOM元素的事件处理，完成与用户的交互功能 访问和修改DOM元素 修改DOM元素的样式，导致重绘或重排 通过对DOM元素的事件处理，完成 ...
分类：
其他好文 时间：
2017-09-10 01:17:34
阅读次数：
221
1.JavaScript的单线程机制 2.任务队列（同步任务和异步任务） 3.事件和回调函数 4.定时器 5.Event Loop事件循环 一、JavaScript的单线程机制，JavaScript的使用单线程是由其主要用途有关，JavaScript是在用户互动、操作DOM元素，如果使用多线程则会带 ...
分类：
编程语言 时间：
2017-09-09 00:43:47
阅读次数：
218
el: 指令所绑定的元素，可以用来直接操作DOM。 binding: 一个对象，包含指令的很多信息。 vnode: Vue编译生成的虚拟节点。 利用钩子函数： 1、bind:只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个绑定时执行一次的初始化动作。2、inserted:被绑定元素 ...
分类：
其他好文 时间：
2017-09-08 00:15:05
阅读次数：
138
一、DOM操作影响页面性能的核心问题 通过js操作DOM的代价很高，影响页面性能的主要问题有如下几点： 访问和修改DOM元素 修改DOM元素的样式，导致重绘或重排 通过对DOM元素的事件处理，完成与用户的交互功能 访问和修改DOM元素 修改DOM元素的样式，导致重绘或重排 通过对DOM元素的事件处理 ...
分类：
其他好文 时间：
2017-09-07 16:09:39
阅读次数：
261
创建节点createElement()var node = document.createElement(“div”);没什么可说的，创建一个元素节点，但注意，这个节点不会被自动添加到文档（document）里。2、创建文本节点createTextNode()var value = document ...
分类：
编程语言 时间：
2017-09-05 15:43:19
阅读次数：
230
dom操作中的getElementByClassName（）在ie6、7、8中具有兼容性问题，而在高级浏览器中就不存在这种问题。以下通过代码对getElementByClassName()的封装 。 ...
分类：
Web程序 时间：
2017-09-04 00:50:49
阅读次数：
170
[DOM树节点] DOM节点分为三大节点：元素节点，文本节点，属性节点。 文本节点，属性节点为元素节点的两个子节点通过getElment系列方法，可以去到元素节点 [查看节点] 1 document.getElementById("div1") 通过ID获取唯一的节点 多个同名ID只会取到第一个 2 ...
分类：
Web程序 时间：
2017-09-03 14:16:13
阅读次数：
204
