一、文档碎片 二、IO操作 一、功能实现核心:FileSystemObject 对象 要在javascript中实现文件操作功能,主要就是依靠FileSystemobject对象。 二、FileSystemObject编程 使用FileSystemObject 对象进行编程很简单,一般要经过如下的步 ...
分类:
其他好文 时间:
2017-06-29 00:56:35
阅读次数:
265
通常情况下改动、删除或者添加DOM元素。更新DOM会导致浏览器又一次绘制屏幕,也会导 致reflow,这样会带来巨大的开销。我们通常解决这的办法尽量降低更新DOM。这也就意 味着将DOM的改变分批处理。并在“活动”文档树之外运行这些更新。 当须要创建一个相对照较大的子树。应该在子树全然创建之后再将子 ...
分类:
其他好文 时间:
2017-06-27 20:03:45
阅读次数:
298
如何进行ajax数据读取和绑定呢? 首先创建一个AJAX对象 实现数据绑定 实现隔行变色 编写表格排序的方法(实现按照年龄这一列进行排序) 通过文档碎片,把排序后的最新顺序,重新添加到tBody中(通过文档碎片,有效的避免了回流耗性能的问题,浏览器不用每当HTML结果发生改变,就重新对当前的页面进行 ...
分类:
Web程序 时间:
2017-05-14 10:36:31
阅读次数:
283
今天看视频发现个有意思的东西,叫做文档碎片?文档碎片是什么呢?先卖个关子。 平常我们在向文档中插入节点的时候可能创建了节点就马上插入父元素,因此浏览器会一直渲染。插入的数量少可能还没影响,可是当插入的节点成千上万的时候,会发现浏览器卡顿了。。。。。。如何解决这种问题呢?这里我们就要用到文档碎片了。在 ...
分类:
Web程序 时间:
2017-05-05 01:00:20
阅读次数:
189
//文档碎片:类似一个临时的文档,要所有要加的dom元素先放在这里,达到不要每次操作dom元素提高页面效率 ...
分类:
Web程序 时间:
2017-04-11 11:43:35
阅读次数:
183
1.if(trim(text) == value) 2.设置标签 var found = true;var draw = true; 注意事项: 1.定时器timer 前不要加var 2.要删除一个节点,需要找出父节点,然后用removechild 3.appendchild具有删除节点的功能 常用 ...
分类:
其他好文 时间:
2017-02-15 12:38:47
阅读次数:
141
一、创建、插入和删除元素 (1)创建DOM元素 createElement(标签名) 创建一个节点 appendChild(节点) 追加一个节点 例子:为ul插入li <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht ...
分类:
Web程序 时间:
2017-02-03 21:02:26
阅读次数:
266
1. 将脚本放在页面的底部 1 2 3 4 5 ... <script src="./jquery.min.js"></script> <script src="./index.js"></script> </body> </html> 1 2 3 4 5 ... <script src="./jq ...
分类:
编程语言 时间:
2016-12-25 17:58:20
阅读次数:
238
document.createElement和document.createDocumentFagment在功能实现上没有什么差别 都是用来新创建一个DOM, 但是区别在于,前者每次都新建一个,每次页面刷新一次 而后者,是先创建一个文档碎片,将所有后面新创建的节点创建完毕后一次加载到页面中, 这样可 ...
分类:
其他好文 时间:
2016-11-27 19:40:30
阅读次数:
134
上一篇文章说到了动态添加文本节点的方法那如果我们要添加多个文本节点或者元素节点呢? 大家可能会想到用循环然后逐个逐个添加 但是别忘了js 还提供了创建一个文本碎片的方法 createDocumentFragment(); 这个方法怎么用呢? 其实这个方法就相当于一个收集器 把所有要添加的元素收集起来 ...
分类:
其他好文 时间:
2016-10-16 11:41:34
阅读次数:
131