百度前端面试题:
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部署问题;)
上面的没说,因为看那面试官的势头是要往死里问,当时也有点不淡定的感觉!!
总之,这次面试还是心态不平和的问题!!还有就是出现不会的题太不淡定了;下面的口述多少受了点影响。同时一些常用例子写的还是少,临场应变欠缺;还有面试的感觉,面试官确实经验丰富,思路清晰!欠经验!