前端面试技巧和注意事项_百度前端面试题、面试过程及总结反思

百度前端面试题:

1、写一个左固定布局，右侧自适应布局

2、写getPosition方法 求出 元素ele的位置(x,y);

3、模拟fadeIn fadeOut

4、call和apply的区别和应用场景

5、创建10 个a 点击的时候弹出来对应的序号 (这题它是主要考察闭包的);

6、Ajax的关键步骤和注意事项(偏jsonp的考察)

7、页面优化有哪些操作(这题目的是考自动化工具使用的)

总结：

这次去百度面试，很大程度上是大喜过悲了吧；因为题前一天刚好做过；

结果面试下来发现还不如原来初次看到；

凭着记忆写下来结果就悲剧了！

第一题也就是唯一的一道css题写错了！

题目：左固定布局，右侧自适应布局，下来又写了一遍 发现自己口述的不清，结果导致的！

第二错误死在闭包上了；其他闭包的场景也不了解！前面这两个太冤枉了！心态平和很重要！

题目：创建10个a标签，点击弹出它是第几个；习惯用自定义属性，不过这次面试也对闭包理解更透彻，还有一点就是一定要调整好心态！把每次题当成第一次做。

第三次出错是死在ajax上了，跨域的问题，主要问的jsonp，以及用iframe解决跨域的问题；这个还真不知道；题目如下：

<1> ajax中如何实现jsonp跨域 说说原生js实现方法；

<2> iframe跨域操作怎么实现的；

<3> 考察的是一个表单提交，如何防止用户多次提交，减少服务器端的压力；

其他面试的时候面试官延展的问题：

创建 oA 那题(考察闭包)

考察闭包的应用场景；合理的时候闭包；主要是在团队协作中；面试的时候太激动了还是咋了，忘了！

getPosition 考察了position的属性及其意义，以及设定每个属性的时候相对位置；

其次考察offsetParent和parentNode的差异

fadeIn，fadeOut；这个没问啥，就动画那些事，以及opacity处理

call apply 也没啥说的。

Ajax那块主要考的jsonp，json处理。死在jsonp上了，百度基本联调的是内部其他域 的jsonp 所以去百度面试得看看这个；

iframe处理

页面优化，主要考察的是自动化工具(自动化压缩工具)；我猜测是考察对新知识的兴 趣和研究问题；

(其实页面优化还有一些其他的(js部署问题，css部署问题)，其他的css预编译器处 理问题，css3选择器合理使用问题，移动页面属性合理使用问题等等，图片延迟 加 载；甚 至require.js对script部署问题；)

上面的没说，因为看那面试官的势头是要往死里问，当时也有点不淡定的感觉！！

总之，这次面试还是心态不平和的问题！！还有就是出现不会的题太不淡定了；下面的口述多少受了点影响。同时一些常用例子写的还是少，临场应变欠缺；还有面试的感觉，面试官确实经验丰富，思路清晰！欠经验！