文档介绍：给大家的
前端面试题笔记
gyfnice
At Qunar
FE-INTERVIEW-QUESTIONS
HTML 3
与 XHTML 的区别? 3
? 3
data- attributes 有什么好处? 4
<script>, <script async> and <script defer〉有什么区别? 4
cookie/localStorage/sessionStorage 的区另!I ? 5
localstorage and sessionStorage 5
Cookie 5
CSS 6
在CSS中ID、CLASS选择器有什么区别? 6
CSS优先级规则? 6
描述一下 box-sizing ? 6
有哪些隐藏内容的方法？ 7
解释下浮动和它的工作原理? 7
，有3大流派 8
："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
1. Explain how this works in JavaScript? 19
.What's the difference between .call and .apply and .bind? 21
.描述一下 strict mode ? 21
描述一下原型继承的原理? 23
? 24
前端面试题
bygyfnice
2014/7/22
HTML
HTML与XHTML的区别？
最主要的不同：
.XHTML元素必须被正确地嵌套。
・XHTML元素必须被关闭。
・XHTML标签名必须用小写字母，里面的属性必须有引号。
• XHTML文档必须拥有根元素。
doctype是做什么的?
Doctype是html里必要的开场白，它被要求是因为浏览器发展的历史遗留原因。如果你忽略它，浏览器会采用不同的模式渲染页面，导致与一些标准产生冲突。如果指明了 Doctype ,浏览器会尽最大可能遵循相关标准，保证其渲染页面时一致性。（最典型的是盒子模型，在怪异模式下，其对宽度的计算是不一致的）O
就像〉气车里的安全带一样，就像你知道的一样，如果没有安全带，也不
会对我开车的行为有任何影响，那你怎么才能知道你是否需要安全带呢?
你不需要知道，因为当出事的时候再知道就已经晚了。安全最重要。
data- attributes 有什么好处?
・能语义化的在Dom上存储相关数据。
•能通过JavaScript中的Dom API简单的拿到数据。
par article = (^electriccars*);
// "3" // "12314"
.能利用css进行相应数据的布局
article[data-columns='3'] ( width: 400px;
}
article[data-columns='4'] { width: 600px;
)
<script>, <script async> and <script defer〉有什么区别?
HTML中的〈script〉标签允许把定义在页面中JavaScript代码开始执行。
<script>
Scripting HTML Parser
Scripting HTML Parser
Scripting
HTML Parser
<script defer>
<script asyno
•正常执行〈script〉〈script〉标签默认的执行行为是同步执行，也就是当加载执行脚本时会阻塞HTML的正常渲染。所以如果过多的脚本放在页面头部, 会导致页面延迟加载等。
•延迟执行〈defer script>
延迟脚本执行直到HTML渲染完成的时』矣。它的好处就是能保证脚本在执行过程中相关Dom节点是已经存在的。然而因为不是每个浏览器都支持它，所以不要太依赖它。
•异步执行〈async script>
不关心脚本什么时候会被加载执行。异步是两全其美的：HTML在解析渲染的同时脚本也能同时被加载,当脚本加载成功时,这个