百度前端面试题之--面试过程与总结

百度前端面试题:

  • 写一个左固定布局,右侧自适应布局

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

  • 模拟fadeIn fadeOut

  • call和apply的区别和应用场景

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

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

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

总结:

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

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

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

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

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

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

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

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

  • ajax中如何实现jsonp跨域 说说原生js实现方法;

  • iframe跨域操作怎么实现的;

  • 考察的是一个表单提交,如何防止用户多次提交,减少服务器端的压力;

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

创建 oA 那题(考察闭包)

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

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

其次考察offsetParent和parentNode的差异

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

call apply 也没啥说的。

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

iframe处理

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

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

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

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