面试

143 阅读2分钟

HTML 3

  • HTML与XHTML的区别?
  • doctype是做什么的?
  • data- attributes有什么好处?
  • script>, <script async and script defer有什么区别?
  • cookie/localStorage/sessionStorage的区别?
  • localStorage and sessionStorage
  • Cookie

CSS

  1. 在CSS中ID、CLASS选择器有什么区别? 6 2.CSS优先级规则 ? 6 3.描述一下box-sizing? 6

  2. 有哪些隐藏内容的方法? 6 5.解释下浮动和它的工作原理? 7 5.1在CSS定位机制中,有3大流派 8 5.2紧邻浮动元素的控制流:“clear”属性,清除浮动 9

  3. 描述 z-index 和 stacking context(层叠上下文)是怎么形成的? 11 Stacking Contexts and Stacking Levels 12 Stacking Order 13

  4. 描述BFC(Block Formatting Context) and how it works. 16 JAVASCRIPT 19

  5. Explain how this works in JavaScript? 19 2.What's the difference between .call and .apply and .bind? 21 3.描述一下strict mode? 21 4.描述一下原型继承的原理? 23

  6. foo.x的值是什么? 24

     前端面试题
    

by gyfnice 2014/7/22 HTML 1.HTML与XHTML的区别? 最主要的不同: • XHTML 元素必须被正确地嵌套。 • XHTML 元素必须被关闭。 • XHTML标签名必须用小写字母,里面的属性必须有引号。 • XHTML 文档必须拥有根元素。 2.doctype是做什么的? Doctype是html里必要的开场白,它被要求是因为浏览器发展的历史遗留原因。如果你忽略它,浏览器会采用不同的模式渲染页面,导致与一些标准产生冲突。如果指明了Doctype,浏览器会尽最大可能遵循相关标准,保证其渲染页面时一致性。(最典型的是盒子模型,在怪异模式下,其对宽度的计算是不一致的)。 就像汽车里的安全带一样,就像你知道的一样,如果没有安全带,也不会对我开车的行为有任何影响,那你怎么才能知道你是否需要安全带呢?你不需要知道,因为当出事的时候再知道就已经晚了。安全最重要。 3. data- attributes有什么好处? • 能语义化的在Dom上存储相关数据。 • 能通过JavaScript中的Dom API简单的拿到数据。 • 能利用CSS进行相应数据的布局 4.