TracyLin
- 浏览: 4613 次
- 性别:
- 来自: 南京
-
最新评论
文章列表
defer和async特性相信是很多JavaScript开发者"熟悉而又不熟悉"的两个特性，从字面上来看，二者的功能很好理解，分别是"延迟脚本"和"异步脚本"的作用。然而，以defer为例，一些细节问题可能开发者却并不一 ...
本文承接：DOM LEVEL 1 中的那些事儿[上]
2.3 Element类型
Element类型应该是Document类型之外使用的最多的节点类型了，Element代表XML或HTML文档中的一个元素，它具有以下特征：
[1]nodeType为1
[2]nodeName为标签名
[3]nodeValue为null
[4]parentNode可能是Element或Document
[5]childNode可能是Element,Text,Comment,Proccessinginstruction,CDATASection或EntityReference
除了使用n ...
DOM是前端编程中一个非常重要的部分，我们在动态修改页面的样式、内容、添加页面动画以及为页面元素绑定事件时，本质都是在操作DOM。DOM并不是JS语言的一个部分，我们通过JAVA、PHP等语言抓取网页内容时需要对网页进行解析并拿到我们感兴趣的那部分内容，这时其实也是在操作DOM。当然在前端领域，我们肯定还是通过JS来操作DOM，而DOM也是伴随JS的出现而诞生的，随着前端的不断发展，DOM标准也在不断演进，每个新的版本都为DOM进行了一定程度的扩展。本文主要总结DOM1级中的核心内容。
1、DOM的定义及历史
1998年10月，DOM1成为了W3C的推荐标准，我们看下标准中对于D ...
本文承接CSS2.1SPEC：视觉格式化模型之width属性详解(上)，继续分析CSS视觉格式化模型中width以及相关值的计算问题：
注：与上节不同，本节的demo中由于出现了float,absolute等定位方式，因此为了便于效果显示，所有的demo都把b ...
在介绍了包含块之后，CSS2.1标准中介绍了width属性和height属性，这两个属性在我们的页面布局中也发挥着重要的作用。在盒模型中，width和height包围了一个框的内容区域(content area)，是否拥有显式的定义、框的类型、框的布局方式、框与其他框之间的关系以及其他的额外信息都会影响一个框的最终的width和height值，本文首先介绍width属性以及视觉格式化模型中如何决定width值的相关算法。
阅读本文前，应该首先理解CSS包含块的概念，可参考：CSS2.1SPEC：视觉格式化模型之包含块
1 width属性剖析
首先看一下css标准 ...
原汁原味的才是最有味道的，在阅读CSS标准时对这一点的体会更加深刻了，阅读文档后的一大感觉就是很多看上去理所应当的样式表现也都有了对应的支持机制。本文首先从包含块写起，一方面总结标准中相应的阐述，并且结合具体的实例进行具体分析，特别是对于CSS2.1支持并不完善的IE6/7。由于经验尚浅，文中肯定存在一些问题，希望大家可以多多包涵并且指出问题。
阅读本文前，应当对于CSS盒模型以及视觉格式化模型中会产生的各种框(box，也可以成为盒子)以及各种不同的布局方式有比较准确的认识，可以阅读杜瑶大神的两篇文章，这两篇文章也是对标准中相关章节的翻译和阐述。
(1)视觉格式化模型中的各种框
...