2022年百度公司前端开发实习生面试题（应聘 求职 面试准备资料）VIP

1、 2022年百度公司前端开发实习生面试题第1题： 写出javascript运行结果：alert(5+5); 结果：55 第2题： 写出javascript运行结果：for(var i=0; i10; i+) alert(i); 结果：10 第3题： Cookie、sessionStorage、localStorage的区分 参考： 共同点：都是保存在扫瞄器端，且同源的。 区分：cookie数据始终在同源的http恳求中携带（即使不需要），即cookie在扫瞄器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有

2、路径（path）的概念，可以限制cookie只属于某个路径下。存储大小限制也不同，cookie数据不能超过4k，同时由于每次http恳求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。数据有效期不同，sessionStorage：仅在当前扫瞄器窗口关闭前有效，自然也就不行能长久保持；localStorage：始终有效，窗口或扫瞄器关闭也始终保存，因此用作长久数据；cookie只在设置的cookie过期时间之前始终有效，即使窗口或扫瞄器关闭。作用域不

3、同，sessionStorage不在不同的扫瞄器窗口中共享，即使是同一个页面；localStorage 在全部同源窗口中都是共享的；cookie也是在全部同源窗口中都是共享的。Web Storage 支持大事通知机制，可以将数据更新的通知发送给监听者。Web Storage 的 api 接口使用更便利。 第4题： javascript中call()方法和apply()方法的区分。 参考：call()和apply()方法作用相同，动态转变运行上下文，跨作用域调用函数或方法。 区分：唯一区分在于两个方法的其次个参数，call()方法的其次个参数是依次给将要调用的函数或方法传递参数；而apply()

4、方法的其次个参数是数组或类数组（arguments）。 例子：foo.call(this, para1,para2,para3)等价于foo.apply(this,para1,para2,para3) 第5题： 什么是 “use strict”? 使用它的好处和坏处是什么？ 参考：”use strict”（严格模式） 是在ECMAScript5中提出来的，是为javascript定义了一种不同的解析与执行模型。在严格模式下，ECMAScript3中一些不确定的行为将得处处理，而且对某些担心全操作也会抛出错误。（参考javascript高级程序设计）严格模式分为全局严格模式和局部严格模式。 好处

5、：（1）、消退Javascript语法的一些不合理、不严谨之处，削减一些怪异行为; （2）、消退代码运行的一些担心全之处，保证代码运行的平安； （3）、提高编译器效率，增加运行速度； （4）、为将来新版本的Javascript做好铺垫。 坏处：在一个全局环境下使用严格模式，会使得非严格模式下的代码merge后可能消失问题。 第6题： 写一段简洁的正则表达式，匹配并取出字符串”https:/./s?cl=3”中的域名部分（注：域名部分非固定） 参考： 1 var str=https:/./s?cl=3; 2 3 var reg=/https:/(A-Za-z.+)/S+/; 4 5 var re

6、sult=reg.exec(str); 6 7 if(result) 8 9 alert(result1); 10 11 第7题： 用原生javascript编写程序：创建一个ul无序列表元素添加到body中，ul下包含5个li元素，每个li元素包含一个text类型元素，text元素内容可自定义。 参考： url=/url 1 !DOCTYPE HTML PUBLIC -/W3C/DTD HTML 4.01 Transitional/EN http:/./TR/html4/loose.dtd 2 html 3 head 4 meta http-equiv=Content-Type conten

7、t=text/html;charset=UTF-8 5 title2022百度实习笔试题7/title 6 script 7 window.onload=function() 8 var ulNode=document.createElement(ul); 9 var bodyNode=document.getElementsByTagName(body); 10 bodyNode0.appendChild(ulNode); 11 for(var i=0; i5; i+) 12 var liNode=document.createElement(li); 13 var textNode=doc

8、ument.createTextNode(li+i); 14 liNode.appendChild(textNode); 15 ulNode.appendChild(liNode); 16 17 18 /script 19 /head 20 body 21 22 /body 23 /html 第8题： 用HTML和css实现如下布局，只需写出排版结构及样式，不要求把内容一起写上。 参考： !DOCTYPE HTML PUBLIC -/W3C/DTD HTML 4.01 Transitional/EN http:/./TR/html4/loose.dtd html head meta http-

9、equiv=Content-Type content=text/html;charset=UTF-8 title2022百度实习笔试题8/title style li list-style-type: none; .info float: left; margin: 0 20px 20px; /style /head body div ul lidiv style=margin: 20px;b精彩分类/b/div/li li divimg src=0000.png alt=捕食草 /div div pspan捕食草/spannbsp;nbsp;nbsp;nbsp;span所属分类：草本植物/s

10、pan/p p是一种食虫植物。/p /div /li li style=clear: both;/li li divimg src=0000.png alt=虎鲸 /div div pspan虎鲸/spannbsp;nbsp;nbsp;nbsp;nbsp;span所属分类：海洋/span/p p是一种大型齿鲸。/p /div /li /ul /div /body /html （ps：这一题的确写得很挫） 第9题： 【附加题】假设有一个基础对象叫“动物”，拥有以下属性：腿的数量、是否有尾巴，有另外一个对象叫“猫”，拥有“动物”对象的属性，并增加一个属性为：动物名称，再增加一个方法，返回动物名称+

11、腿的数量+是否有尾巴的描述，请使用javascript原型链继承来创建以上2个对象。 参考： 原型链： 1 function Animal() 2 Atotype.leg=4; 3 Atotype.tail=true; 4 var animal=new Animal(); 5 function Cat() 6 Ctotype=animal; 7 C=cat; 8 Ctotype.getInfo=function() 9 return Animals name:+,number of leg:+this.leg+,has tail:+Boolean(this.tail); 10 ; 11 var cat=new Cat(); 12 cat.getInfo(); 复制代码 构造器： 1 function Animal(leg,tail) 2 this.leg=leg; 3 this.tail=tail; 4 5 6 function Cat(name,leg,tail) 7 Animal.call(this,leg,tail)