摘要: 一些基本概念viewport: 展现网页的媒体,比如窗口或者某个区域,它的大小是有限制的,为了不被平台术语所束缚,我们给他起名viewport,中文意思就是视口。canvas: 而我们在渲染网页的时候通常并不知道我们需要多大的空间,而且这些空间通常尺寸会超过viewport的大小,于是实际上我们需要设想一个无限大的画布来绘制我们的元素,我们把它称为canvas。box: element(元素)和node(节点)是大家很熟悉的概念,当我们做布局计算的时候,通常会把节点变成box,一个节点可能产生多个box,伪元素也会产生box。render tree: 对应于dom树,我们把box的包含关系构成 阅读全文
posted @ 2013-05-11 19:39 winter-cn 阅读(23739) 评论(24) 推荐(14) 编辑
摘要: 起因,某日电话面试之后满心郁闷的我发了两条微博:面试的时候问个css的position属性能刷掉一半的人这是啥情况……其实这问题我本来打算的是可以顺着一路扯到normal flow、containing block、bfc、margin collapse,base line,writing mode,bidi,这样一路问下去的,奈何第一个问题(亲我真的只问了position有哪些取值和行为啊)就悲剧了……其中的一些回复让我认为非常有必要写这样一篇文章来说说面试和面试题的事情。关于题目什么样的面试题是好的?我认为有三点衡量指标:区分度深度覆盖范围是的,请注意我并没有使用“难度”这个词,因为这三个 阅读全文
posted @ 2013-05-11 17:20 winter-cn 阅读(15489) 评论(7) 推荐(15) 编辑