DOM拷贝clone() 克隆节点是DOM的常见操作，jQuery提供一个clone方法，专门用于处理dom的克隆 .clone()方法深度 复制所有匹配的元素集合，包括所有匹配元素、匹配元素的下级元素、文字节点。 clone方法比较简单就是克隆节点，但是需要注意，如果节点有事件或者数据之类的其他处 ...
分类：
Web程序 时间：
2017-11-03 13:03:20
阅读次数：
174
1.闭包 闭包指有权访问另一个函数作用域中变量的函数，创建闭包最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量，利用闭包可以突破作用域链，将函数内部的变量和方法传递到外部。 闭包的特性： 1>.函数内再嵌套函数 2>.内部函数可以引用外层的参数和变量 3>.参数和变量 ...
分类：
Web程序 时间：
2017-11-01 22:54:02
阅读次数：
225
今天在调试bug的时候有一个需求，我需要知道我的代码中有哪些地方在修改body的style，然后我想到了DOM节点监听。 为body添加断点然后开始调试，但是现在的前端技术栈太复杂，即使打了断点也会跳进第三方包里。调用栈里有太多无关的js代码，妨碍调试。 所以你可以选中文件右击后，选择Blackbo ...
分类：
其他好文 时间：
2017-11-01 12:14:23
阅读次数：
107
现代主流框架均使用一种数据=>视图的方式，隐藏了繁琐的dom操作，采用了声明式编程（Declarative Programming）替代了过去的类jquery的命令式编程（Imperative Programming) 前者我们详细地写了如何去操作dom节点的过程，我们命令什么，它就操作什么；后者则 ...
分类：
其他好文 时间：
2017-10-30 11:17:34
阅读次数：
167
1.重绘和重排 浏览器下载完页面的所有组件 —— HTML标记，CSS，JavaScript，图片，会解析并生成两个内部数据结构。 DOM树 表示页面结构 渲染树（CSS） 表示DOM节点如何显示 当DOM变化影响了元素的几何属性（宽和高）会发生重新构造渲染树，进而进行重绘。 2.重排何时发生 1. ...
分类：
编程语言 时间：
2017-10-29 13:52:00
阅读次数：
180
由于HTML文档被浏览器解析后就是一颗DOM树，要改变HTML的结构，就需要通过JavaScript来操作DOM。 始终记住DOM是一个树形结构。操作一个DOM节点实际上就是这么几个操作： 更新：更新该DOM节点的内容，相当于更新了该DOM节点表示的HTML的内容。 遍历：遍历该DOM节点下的子节点 ...
分类：
其他好文 时间：
2017-10-28 14:38:12
阅读次数：
139
一、DOM创建 DOM节点（Node）通常对应于一个标签，一个文本，或者一个HTML属性。DOM节点有一个nodeType属性用来表示当前元素的类型，它是一个整数： Element，元素 Attribute，属性 Text，文本 DOM节点创建最常用的便是document.createElement ...
分类：
Web程序 时间：
2017-10-17 17:23:23
阅读次数：
180
一、DOM节点 1.获取子节点： childNodes nodeType 节点类型 children 只包括元素，不包括文本； 子节点只算第一层。只算孩子一级。 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</ti ...
分类：
Web程序 时间：
2017-10-15 14:59:17
阅读次数：
177
DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点，从而进行一系列的DOM操作。但实际上一般开发者都习惯性的先定义好HTML结构，但这样就非常不灵活了。 试想下这样的情况：如果我们通过AJAX获取到数据之后然后才能确定结构的话，这种情况就需要动态的处理节点了 本文向大家介绍 ...
分类：
Web程序 时间：
2017-10-15 00:27:55
阅读次数：
266
需求：某dom节点在正常情况下，有设置其transition-duration为1s，在mousemove时候，要去掉其transition-duration设置的时间，在mouseup时候，恢复其transition-duration时间为1s。 考虑到兼容性，故设置的属性相关属性有： trans ...
分类：
其他好文 时间：
2017-10-13 19:05:21
阅读次数：
138
