w3help使用总结-目录分享

参加了公司对实习生的面试,感觉现在的孩子对标准都不是怎么熟悉,可是作为一名前端对规范怎能不熟悉呢?记得刚实习那儿会没事就去看w3help,最后直接去看w3c的规范, 这么看了下来感觉对CSS的理解加深了不少。
也许你英文不怎么好,但是这不能成为不熟悉规范的借口,因为有w3help的存在。

w3help历史起源

w3help是lang lang ago,google发起的一个项目,据说当时很大程度上是为了测试他们家的chrome,在国内招了一批人去看规范,然后分析规范以及浏览器兼容性方面的问题。现在的这一批人大多都是国内的前端牛B人物,虽然他们有的人很低调,比如贵公司的几位哥,但是个人感觉他们绝对比很多有名的前端要厉害很多。
w3help随着google的退出中国,也渐渐淡出人们的视线,但它留下的369篇文章确是集前端之精华。

w3help文章分类

w3help大的分类可以分次两部分

  1. w3c规范索引
  2. w3help关于兼容性方面的文章,这一部分是w3help团队的牛B之做,包括了369篇精华文章。这369篇文章包含了13篇知识库文章,353篇根本原因和3篇案例分析

13篇知识库文章

从个人的观点来看,每一个做前端的人,都需要对这13篇文章非常的熟悉,不能说很轻松的说出没一篇文章的标题,也需要知道每一篇文章的主要内容。这13篇文章是对CSS2.1规范的一个提炼,虽然有的东西是翻译的规范,但是确包含着作者对规范的深入理解和研究。如果你对下面的问题不是很清楚,请去研究这13篇文章吧,直到可以很轻松的说出这几个问题。

  1. 浏览器工作模式的产生背景和作用?怪异模式下,页面处理方式会按照IE几的方式?
  2. 常用的CSS hack有哪些?请按照怪异模式和标准模式进行分类说明
  3. 指定值、计算值、使用值和实际值的定义和区别并举例说明。
  4. CSS的层叠顺序和选择器特性计算规则
  5. 简要描述盒模型并详细描述margin折叠的情况。下面的#test加上padding:1px的表现会有不同么?

    See the Pen FBbro by shawnxiao (@f2ecouple) on CodePen.

  6. 简要描述包含块的概念并说明当创建包含块的元素为inline element时的定位起点和终点。
  7. display, float和position之间的关系,当一个inline的元素同时设置了float和absolute,它是怎样表现的?
  8. 哪些情况下会创建块格式化上下文?块格式化上下文对浮动等有什么影响?
  9. 简要描述行框的概念。
  10. 当position为relative的元素,同时设置了right和left值为非auto,哪一个值会生效?
  11. 浮动的元素是否会超出它的包含块?
  12. 固定定位是否有兼容性问题?
  13. 哪些元素会创建新的层叠上下文?
  14. 层叠上下文中各个层之间的排列顺序?