-
七种元素节点类型查看全部
-
webkit主要渲染流程查看全部
-
html结构渲染过程查看全部
-
块状元素与内联元素嵌套规则： 1 块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其他的内联元素 2 块级元素不能放在<p>里面 3 有几个特殊的块级元素只能包含内联元素，不能再包含块级元素，这几个特殊的标签是h1-h6 p dt 4 li内可以包含div标签 5 块级元素与块级元素并列，内联元素与内联元素并列查看全部
-
热点区域具体定义方法查看全部
-
dom节点十分复杂， dom操作十分耗性能 react 提出虚拟dom，合并且屏蔽了无效的dom，大大提高了性能查看全部
-
判断XML和HTML的方法： 先使用isElememt判断是否为元素节点，再用creatElement判断元素名大写小写是否都等同，大小写不等同为XML，等同为HTML查看全部
-
完美的判断对象是不是 element 用于辨别 var a={nodeType:1}; 使用是否可增加节点删除节点，来判定查看全部
-
isElement判定是否元素节点 isHTML是否文档元素节点 isXML判断是否是XML文档节点查看全部
-
//jQuery思路的DOMReady事件 function myReady(fn) { // 对于现代浏览器，对于DOMContentLoaded事件的处理采用标准的事件绑定方式 if (document.addEventListener) { document.addEventListener('DOMContentLoaded', fn, false); } else { IEContentLoaded(fn); } // IE模拟DOMContentLoaded function IEContentLoaded(fn) { var d = window.document; var done = false; // 只执行一次用户的回调函数init() var init = function() { if (!done) { var done = true; fn(); } }; (function() { try { // DOM树未创建完之前调用doScroll会抛出错误 d.documentElement.doScroll('left'); } catch (e) { // 延时再试一次 setTimeout(arguments.callee, 50); return; } // 没有错误就表示DOM树创建完毕，然后立即执行用户回调 init(); })(); // 监听document的加载状态 d.onreadystatechange = function() { // 如果用户是在documentReady之后绑定的函数，就立即执行 if (d.readyState == 'complete') { d.onreadystatechange = null; init(); } } } }查看全部
-
DOMReady 实现策略 在页面的DOM树创建完成后（也就是HTML解析第一步完成）即触发，而无需等待其他资源的加载。即DOMReady实现策略： 1.支持DOMContentLoaded事件的，就使用DOMContentLoaded事件 2.不支持的，就用来自Diego Perini发现的著名Hack兼容。兼容原理大概就是，通过IE的document.documentElement.doScroll('left')来判断DOM树是否创建完成；查看全部
-
使用window.onload可以确保，在DOM节点树渲染完毕后再执行自己定义的JS代码，这样不会产生BUG,但仅适用于数据较少的情况下查看全部
-
主要渲染流程查看全部
-
HTML结构的基本渲染过程 外部过程是贯穿始终的 1、解析HTML，构建DOM树（构建DOM节点）； 2、构建渲染树（解析样式信息，包括外部的css文件、style标签中的样式）。渲染树由一些包含有各种属性的矩形组成，他们将会按照正确的顺序显 示到屏幕上； 3、布局渲染树（布局DOM节点），执行布局的过程，将确定每个节点在屏幕上的确切坐标； 4、绘制渲染树（绘制DOM节点，即遍历渲染树），使用UI后端层来绘制每个节点查看全部
-
节点的nodeName与nodeValue查看全部
举报
0/150
提交
取消