五.动态创建标记(1)传统的技术:a)Document.write:可以方便快捷的把字符串插入到文档里。如图(3)而这种方法的缺点是,行为与表现分开,有点类似于使用<font>标签去设定字体和颜色,工作起来不够优雅。尽量少用。b)innerHTML:几乎所有浏览器都支持,可以用来读取,..
分类:
Web程序 时间:
2016-03-08 21:41:33
阅读次数:
384
背景:在前端开发中,有时会为页面绑定resize事件,或为一个页面元素拖拽事件(其核心就是绑定mousemove)在一个正常操作中也有可能在一个短时间内触发非常多次事件绑定程序,而DOM操作是很消耗性能的,如果为这些事件绑定一些操作DOM节点的操作的话就会引发大量的计算,在用户看来页面可能就一时间没
分类:
Web程序 时间:
2016-03-08 00:11:06
阅读次数:
219
childNodes:只读 属性 自己欸但列表集合 标准下(ff,chrome等)包含了文本和元素类型的节点,也会包含非法嵌套的子节点 非标准下:只包含元素类型的节点,ie7以下不会包含非法嵌套子节点 childNodes只包含一级子节点,不包含后辈孙级以下的节点 DOM节点的类型有很多种 12种
分类:
Web程序 时间:
2016-02-21 19:55:42
阅读次数:
465
一、认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合,三种常见的DOM
分类:
其他好文 时间:
2016-02-21 13:01:12
阅读次数:
359
文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。 DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 把上面的代码拆分为Dom节点图 如图: 三种常见的DOM节点: 1.元素节点: 比如:html、h2、p、ul、li 即标签
分类:
Web程序 时间:
2016-02-14 12:55:15
阅读次数:
154
节点属性 在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类型 一、nodeName 属性: 节点的名称,是只读的。 1. 元素节点的 nodeNam
分类:
Web程序 时间:
2016-02-07 21:21:54
阅读次数:
406
这个问题的产生由于我们前端组每个人的编码习惯的差异,最主要的还是因为代码的维护性问题。在此基础上,我对jQuery源码(1.11.3)查找dom节点相关的内容进行了仔细的查阅,虽然并不能理解的很深入 。。同时基于对浏览器console对象的了解产生了一系列之后的问题和分析,对jQuery最常用的三种
分类:
Web程序 时间:
2016-01-30 02:37:16
阅读次数:
213
为什么要优化: 1、每一个函数都是一个对象,会占用内容 2、需要添加事件的Dom节点越多,就要花更多的时间去给那些节点添加处理函数,延迟整个页面的交互,因为先得把事件都加上去 : ( 优化1:使用事件代理 <ul id=”myLinks”> <li id=”goSomewhere”>Go somew
分类:
其他好文 时间:
2016-01-28 15:27:08
阅读次数:
126
<a data-v="3"></a> jquery data方法的运行机制: 第一次查找dom,使用attributes获取到dom节点值,并将其值存到缓存里,第二次操作的时候,还是先找到dom,但是这次取值是直接从缓存读了,少了一步对dom的操作 attr()方法每次都要操作dom,性能上差点儿
分类:
Web程序 时间:
2016-01-27 21:04:25
阅读次数:
120
今天在做discuz模板的时候,用到jquery的时候和原来主题js冲突。这个主要是Discuz X使用了$(id)作为dom节点的获取方法,而$符号刚好与jQuery的默认符号相冲突。 以下是基于之前的Discuz X和jQuery冲突的解决办法。给大家做个参考! 将jQuery的js文件jque...
分类:
Web程序 时间:
2016-01-26 21:59:25
阅读次数:
154