-
JS节点类型、节点名称、节点值表查看全部
-
DOM 文件图查看全部
-
最大收获：<br> ① domReady 与 window.onload<br> ② dom的继承关系，既然有6、7层。需要用虚拟dom或现成的前端框架，如react来操作。查看全部
-
要记住 h1~h6 p dt只能包含内联元素，不能包含块元素 li和div为同级元素 li可以包含div <li><div></div></li> 块与块并列 内与内并列 不提倡块元素和内元素并列查看全部
-
浏览器内部工作原理！ 扩展阅读：http://kb.cnblogs.com/page/129756/查看全部
-
img热点链接查看全部
-
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) { done = true; fn(); } }; (function () { try { // DOM树未创建完之前调用doScroll会抛出错误 d.documentElement.doScroll('left'); } catch (e) { //延迟再试一次~ setTimeout(arguments.callee, 50); return; } // 没有错误就表示DOM树创建完毕，然后立马执行用户回调 init(); })(); //监听document的加载状态 d.onreadystatechange = function() { // 如果用户是在domReady之后绑定的函数，就立马执行 if (d.readyState == 'complete') { d.onreadystatechange = null; init(); } } } }查看全部
-
window.onload = function() { //容器对象 var box = document.getElementById('container'); //获得图片NodeList对象集合 var imgs = box.getElementsByTagName('img'); //单张图片的宽度 var imgWidth = imgs[0].offsetWidth; //设置掩藏门体露出的宽度 var exposeWidth = 160; //设置容器总宽度 var boxWidth = imgWidth + (imgs.length - 1) * exposeWidth; box.style.width = boxWidth + 'px'; //设置每道门的初始位置 function setImgsPos() { for (var i = 1, len = imgs.length; i < len; i++) { imgs[i].style.left = imgWidth + exposeWidth * (i - 1) + 'px'; } } setImgsPos(); //计算每道门打开时应移动的距离 var translate = imgWidth - exposeWidth; //为每道门绑定事件 for (var i = 0, len = imgs.length; i < len; i++) { //使用立即调用的函数表答式，为了获得不同的i值 (function(i) { imgs[i].onmouseover = function() { //先将每道门复位 setImgsPos(); //打开门 for (var j = 1; j <= i; j++) { imgs[j].style.left = parseInt(imgs[j].style.left, 10) - translate + 'px'; } }; })(i); } };查看全部
-
webkit 主要渲染流程查看全部
-
window.onload事件: 浏览器绘制完dom节点，再加载完页面上的所有资源以后，才执行我们自己定义的代码。也就是说在文档解析渲染，资源加载完成之前，不让js脚本执行. 1、当外部资源过多时（如一百张图片），window.onload中的js需要等待至所有的元素都加载完毕才可以运行，即这个过程中不可操作，浏览器如死了一般。影响用户体验。 2、jQ中的回调函数与window.onload原理大致相似。 $(document).ready(function(){}); 等于 window.onload()查看全部
-
何为渲染呢？<br> 就是浏览器把请求到的HTML内容显示出来的过程。<br> 渲染引擎首先通过网络获得所请求文档的内容，通常以八k分块方法来完成。<br> 1，根据页面标签转化为DOM节点。<br> 2，解析外部的CSS文件以及内部style标签的样式信息。渲染树由一些包含各种属性的剧情所组成。按一定的正确顺序显示在屏幕上。<br> 3，每个节点在屏幕上的确切坐标。<br> 4，遍历渲染树。<br> 仅仅是html结构的渲染过程，不包括外部的资源，如加载图片，脚本，框架(iframe).<br> 外部资源在HTML渲染中是贯穿始终的。即便dom绘制结束，外部资源有可能正在加载或还没加载。 浏览器内部工作原理！ 扩展阅读：http://kb.cnblogs.com/page/129756/查看全部
-
XML是用来存放数据的，具有高可扩展性//SVG查看全部
-
基础详解篇课程要点查看全部
-
课程要点查看全部
-
块状与内联查看全部
举报
0/150
提交
取消