HTML 3
- HTML与XHTML的区别?
- doctype是做什么的?
- data- attributes有什么好处?
- script>, <script async and script defer有什么区别?
- cookie/localStorage/sessionStorage的区别?
- localStorage and sessionStorage
- Cookie
CSS
-
在CSS中ID、CLASS选择器有什么区别? 6 2.CSS优先级规则 ? 6 3.描述一下box-sizing? 6
-
有哪些隐藏内容的方法? 6 5.解释下浮动和它的工作原理? 7 5.1在CSS定位机制中,有3大流派 8 5.2紧邻浮动元素的控制流:“clear”属性,清除浮动 9
-
描述 z-index 和 stacking context(层叠上下文)是怎么形成的? 11 Stacking Contexts and Stacking Levels 12 Stacking Order 13
-
描述BFC(Block Formatting Context) and how it works. 16 JAVASCRIPT 19
-
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
-
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.