- 博客(8)
- 收藏
- 关注
RSS订阅转载 浏览器渲染页面过程描述，DOM编程技巧以及重排和重绘
一、浏览器渲染页过程描述 1、浏览器解析html源码，然后创建一个DOM树。 在DOM树中，每一个HTML标签都有一个对应的节点(元素节点),并且每一个文本也都有一个对应的节点(文本节点)。 DOM树的根节点就是documentElement，对应的是html标签。 2、浏览器解析CSS代码，计算出最终的样式数据。 对CSS代码中非法的语法它会
2016-09-02 15:23:56
340
转载 block，inline和inlinke-block细节对比
display:block block元素会独占一行，多个block元素会各自新起一行。默认情况下，block元素宽度自动填满其父元素宽度。block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。block元素可以设置margin和padding属性。 display:inline inline元素不会独占一行，多个相邻的行
2016-06-04 11:24:19
273
转载 js中call和apply的区别
作者：杨志 链接：https://www.zhihu.com/question/20289071/answer/14644278 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 在javascript OOP中，我们经常会这样定义： function cat(){ } cat.prototype={ food:"fish", say: fun
2016-05-26 23:51:53
332
原创 浏览器出现Cannot set property 'onclick' of null的问题
当js文件放在head里面时，如果绑定了onclick事件，就会出现这样的错误，是因为W3School的写法是浏览器先加载完按钮节点才执行的js，所以当浏览器自顶向下解析时，找不到onclick绑定的按钮节点，于是报错。因此，需要把js文件放在底部加载，就会避免该问题。
2016-05-17 23:17:43
52376
1
原创 JS中onclick与addEventListener绑定事件的区别
onclick这种写法是DOM0级规范的写法，是所有的浏览器支持的，但是这种写法有一些弊端： 这种写法不能同时绑定多个事件 这种写法使代码耦合在了一起 addEventListener() 是DOM2标准中定义的方法，它可以控制是在事件捕获阶段或者是在冒泡阶段调用事件处理程序（由这个函数的第三个参数决定true/false），既然这个是DOM2标准中定
2016-05-17 22:54:07
965
原创 js的sort排序
sort() 方法可以接受一个 方法为参数 ，这个方法有两个参数。 分别代表每次排序比较时的两个数组项。 sort()排序时每次比较两个数组项都回执行这个参数，并把两个比较的数组项作为参数传递给这个函数。 当函数返回值为1的时候就交换两个数组项的顺序，否则就不交换。
2016-05-17 22:48:42
431
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人