前端面试题举例分析

1. css布局及兼容性处理

问：#content .box a{color:green}, p .box a.title{color:blue}哪个权重高？(类似问题：什么是CSS ?)

答：这题目考点是 Cascading Style Sheet, 即层叠样式表中的“层叠”，选择器的权重问题。Andy Budd写的《精通CSS》一书中奖权重分为四个级别：

• 行内样式；
  
• ID选择器数量；
  
• 类、伪类和属性选择器数量；
  
• 类型选择器和伪元素选择器数量; 

例如题目的权重值为 0111 和 0022 ，前者的权重大，如果权重相同，以后面的样式为准，另外注意 “！important”不遵循这个规则。

问：一些特殊的布局如何实现？例如左侧定宽右侧伸缩，总长度可伸缩内部每个元素浮动并每行对齐等。

答：考点是inline-block, 100%, vertical-align, position, "clearfix" 等的理解和使用。

问：你对兼容性问题有多少经验？

问：你对H5, css3 , less 等前沿技术怎么看？

主要就是这些问题，再通过你的回答，延伸提出一些问题。

2. javascript语言及其算法应用

大部分都会问一些作用域问题，深入就是闭包等；

还有一些js语法特性，例如 ‘=’、‘==’、‘===’之间的区别；null, undefined, NaN的实例及其区别；

另外一部分就是算法题，无论哪种编程语言都会涉及的题目类型,例如 数组去重，“一万四千五百”转换14500,等等；

其他的题目就是常遇到的，例如 利用正则表达式解析字符串，实现Tab转换，实现轮播图等效果；

3. 性能优化知识及其应用分析

主要考察你的分析，面试官通过你的解释来衡量你的实力与经验；需要平时的实战积累，这方面我的经验很少，就不再细说了。

thank you for reading