05 2013 档案

摘要：感谢老庄（@庄表伟）、耗子叔（@左耳朵耗子）、貘大（@貘吃馍香）的鞭策，使得我有勇气开始这个系列。还有感谢@玉面小飞鱼妹纸的提问，这是我的文收到的仅有的认真回复，我一定努力快点把这系列写到布局的部分回答你的问题……从现在开始我们来扮演浏览器。基本知识对我们来说HTML其实首先是一坨字符串。嗯，考虑到我们不能等下载完成再开始解析，实际上我们要面对的是"字符流"。为了把字符流解析成正确的DOM结构，我们需要做的事情分为两步：词法分析：把字符流初步解析成我们可理解的"词"，学名叫token语法分析：把开始结束标签配对、属性赋值好、父子关系连接好、构成dom树词 阅读全文

摘要：一些基本概念viewport: 展现网页的媒体，比如窗口或者某个区域，它的大小是有限制的，为了不被平台术语所束缚，我们给他起名viewport，中文意思就是视口。canvas: 而我们在渲染网页的时候通常并不知道我们需要多大的空间，而且这些空间通常尺寸会超过viewport的大小，于是实际上我们需要设想一个无限大的画布来绘制我们的元素，我们把它称为canvas。box: element（元素）和node(节点)是大家很熟悉的概念，当我们做布局计算的时候，通常会把节点变成box，一个节点可能产生多个box，伪元素也会产生box。render tree: 对应于dom树，我们把box的包含关系构成 阅读全文

摘要：起因，某日电话面试之后满心郁闷的我发了两条微博：面试的时候问个css的position属性能刷掉一半的人这是啥情况……其实这问题我本来打算的是可以顺着一路扯到normal flow、containing block、bfc、margin collapse，base line，writing mode，bidi，这样一路问下去的，奈何第一个问题（亲我真的只问了position有哪些取值和行为啊）就悲剧了……其中的一些回复让我认为非常有必要写这样一篇文章来说说面试和面试题的事情。关于题目什么样的面试题是好的？我认为有三点衡量指标：区分度深度覆盖范围是的，请注意我并没有使用“难度”这个词，因为这三个 阅读全文