-
元素节点类型的判断
查看全部 -
渲染过程
查看全部 -
节点的nodeName与nodeVlaue属性
查看全部 -
dom节点的类型及值
查看全部 -
domReady方法：
定时器：setTimeout（function(){ }，time）-------- (会闪现)
window.onload=function(){ } ------（资源过多会卡死）
$(document).ready(function(){ }) ----- （实际应用）
查看全部 -
双感叹号表示判断el这个参数是否存在；
http://stackoverflow.com/questions/384286/javascript-isdom-how-do-you-check-if-a-javascript-object-is-a-dom-object/27112297#27112297
查看全部 -
是DOM文档加载的步骤为
1.解析HTML结构
2.加载外部脚本和样式文件
3.解析并执行脚本文件
4。DOM树构建完成 会触发DOMcontentLoaded事件
5.加载图片等外部文件
6页面加载完毕 会触发window.onload事件
DOMready会是在步骤4触发的
window.onload是在步骤6触发的 为了提高用户体验 你总不能等图片页面加载完才执行那些js代码吧 比如给页面上的按钮绑定点击事件 这样就很糟糕了；查看全部 -
①解析HTML，构建DOM树(将标签转化为节点) ——>
②解析样式信息，构建渲染树(外部css文件、style标签) ——>
③布局渲染树，即布局DOM节点(确定每个节点在屏幕上的确切坐标) ——>
④绘制渲染树，即绘制DOM节点(遍历渲染树，使用UI后端层绘制每个节点)查看全部 -
window.onload: 等所有资源加载完 document.ready: DOM树构建完资源还没加载完 应该使用ready保证用户体验。否则当网站有很多图片资源时要很长时间才能加载完这段时间内Js都用不了
查看全部 -
浏览器渲染引擎的基本渲染流程<br> 1、解析HTML构建DOM树<br> 2、构建渲染树（解析样式信息--> style rules）<br> 3、布局渲染树（布局DOM节点 -->layout） 4、绘制渲染树 （绘制DOM节点）
查看全部 -
> 浏览器通过渲染引擎将html解析为dom节点 > 页面上所有html都转换为节点以后叫做dom树构建完毕，简称dom ready > 渲染引擎职责将请求的内容显示到浏览器屏幕上，默认情况下，可以显示html、xml、图片，通过插件扩展可以显示其他类型的文档
查看全部 -
节点的nodeName与nodeValue
查看全部 -
nodeType 获取文档节点类型<br> node.ELEMENT_NODE 表示文档元素节点 IE 下nodeType不会返回关键字，只会返回一个字符常量1。 判断需要改成 XX.nodeType==1(兼容所有浏览器)
查看全部 -
把一个文档划分为多个节点，而这些节点分别用不同的类型来表示，代表不同的含义，了解DOM节点的类型是基础。
元素节点，
> 拥有子节点和文本，是唯一能拥有属性的节点类型<br>
属性节点，
> 元素中的属性，是附属于元素的，是包含他的元素节点的一部分，不属于文档树的一部分<br>
文本节点，
> 只包含文本内容(可以只包含空白)的节点，在xml中称为字符数据；<br>
> 在文档树中元素的文本内容和属性的文本内容都是由文本节点表示的<br>
> 某个节点的空白区域，也是属于文本节点<br>
注释节点：
> 表示注释的内容<br>
文档节点：
> 文档树的根节点，是其他节点的父节点；
> 注意不是html或者xml的根元素。根元素是作为文档节点的子节点出现的<br>
> 整个代码之上看做是文档节点<br>
文档类型节点： 例;<!doctype html><br>
文档片段节点：
> 文档片段是轻量级的或者是最小的Document 对象，他表示文档的一部分或者是一段，他不属于文档树；
> 他的特殊行为：占位符，暂时存放一次插入文档的节点，同时有利于剪贴复制操作查看全部 -
文档类型：<br> 1.超文本标记语言，HTML(Help Text Markup Language)W3C万维网联盟维护<br> -用来显示数据，重点是如何显示数据<br> -使用定义的标准标签，html标签作为根元素<br> 2.可扩展标记语言，XML(Extensable Markup Language)<br> -用来描述数据，重点是什么是数据，如何存放数据<br> -与HTML一样，由标签、属性和子节点组成<br> -标签名可根据描述数据的语义进行定义，可以是英文或者汉字
查看全部
举报