2022年百度笔试题 .pdf

《2022年百度笔试题 .pdf》由会员分享，可在线阅读，更多相关《2022年百度笔试题 .pdf（12页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、在 JS 里判断一个对象是否String 。设置一个 DOM 元素的可见性。网页中 button2 位于 button1 之后。现编写代码把button2 放在 button1 前。var btn1=document.getElementById(button1); var btn2=document.getElementById(button2); btn2.parentNode.insertBefore(btn2,btn1); 设法减少浏览网页带来的流量。写一（静态？）网页实现不断更新的倒计时效果。在 linux中用使用 tar 命令将文件打包为bak.tar 。实现网页内容的居中布局，要

2、求分别在IE4、IE6、IE7、FF中的正常显示。比较 Ajax 与 Flash ，描述各自的优缺点。1、 JavaScript包括哪些数据类型？我回答的是有两种：基本类型和对象，其中基本类型包括数字、字符串、布尔和null ；对象(类似对象 )，包括数组、函数、内置对象、自定义对象。不过按理说字符串也有些对象的特点。我这个回答是参考的JavaScript权威指南的，有些小问题，第一类中缺少了undefined 。搜索了下，网上还有几种回答：第一种 : 共九种类型： 1. 未定义 (undefined) 2.空(null) 3.布尔(boolean) 4.字符串 (string) 5.数字(n

3、umber)6. 对象(object) 7.引用(reference) 8.列表(list) 9.完成(completion)。reference,list,completion这 3 种类型是做为JavaScript运行时中间结果的数据类型在代码中不能使用。最后我确实没见过。第二种：javascript中包含 6 种数据类型： undefined 、null 、string 、 number、boolean 和 object 。其中，前 5 种是原始数据类型， object是对象类型。 object类型中包括 Object 、 Function 、String 、Number 、Boolea

4、n、Array 、Regexp 、Date、Globel 、Math、Error ，以及宿主环境提供的 object类型。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 12 页 - - - - - - - - - 除去 reference,list,completion不同外，这几个回答其实大同小异。2、元素的 alt 和 title有什么异同？这个我前几天正好看到了一篇这样的文章。这两个属性是有些重复了。 在不同浏览器里面表现有些不同。在alt和 title同时设置的

5、时候， alt作为图片的替代文字出现， title是图片的解释文字。刚刚小小的实验了一把，在没有title的时候， alt 会作为图片的解释，但是Firefox好像不这样做。完全测试的话要分图片存不存在、 只有 title、 只有 alt ，2*2*2 ，8 种情况，真复杂啊。3、 border-color-left、marin-left、-moz-viewport改写成 JavaScript格式这个就是 -后字符换大写， 没什么问题。 第三个 -moz的真不敢确定。（未完待续）ps：刚接到了百度面试的电话，等了好久，以为没希望了呢，小小高兴一下吧。不过我也没有多大的优势， 不管是技术方面还是

6、经验方面只有劣势没有优势，只是 rp 还行( 窃喜一下 ) 。笔试通过的有些侥幸，去百度的希望不大。继续：刚才试验了一个 -moz-border-radius确实是写成 MozBorderRadius。4、 编写一个 JavaScript函数，实时显示当前时间，格式“年-月- 日 时: 分:秒”主要是用到了各种时间函数，setInterval(funtionName,Time)，firstChild.nodeValue。setInterval函数名我好像写错了。我写的是最普通最简单的函数，每隔一秒钟重新获取时间。有很多值得优化的地方。程序写的不好看，就不献丑了。function startTi

7、me() var today=new Date(); var year=today.getFullYear(); var month=today.getMonth()+1; var date=today.getDate(); var hour=today.getHours(); 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 12 页 - - - - - - - - - var minute=today.getMinutes(); var second=today.get

8、Seconds(); month=checkTime(month); date=checkTime(date); hour=checkTime(hour); minute=checkTime(minute); second=checkTime(second); var current=; current+=year+-+month+-+date+ +hour+:+minute+:+second; document.getElementById(dr).innerHTML=current; setTimeout(startTime(),500); startTime(); function ch

9、eckTime(t) return t10?0+t:t; 5、 用 css、html 编写一个两列布局的网页，要求右侧宽度为200px，左侧自动扩展。我主要的想法是右侧绝对定位，左框右边距200px，正好空出了右侧的位置。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 12 页 - - - - - - - - - 我写的 CSS如下：#right position:absolute; right:0; width:200px; #left marin-right:200p

10、x; 另一种方法 ( 试验有效 )：#right float:right; width:200px; #left marin-right:200px; HTML 代码中 #right必须写在 #left前面 ,这好像是道经典面试题， 在某次面试的时候， 就被问过这个问题。 还有一道经典的问题是如何使固定宽度的div 在页面居中。6、 使用 JavaScript深度克隆一个对象？JavaScript的对象赋值 var anObj = anOtherObj 用的是传址方式，不能用于复制对象。用对象原型写通用性更强些， 但是当时对 prototype没有十分的把握， 只写了个克隆函数。刚刚查了下，果

11、然有猫腻，下面是实现代码：function Object.prototype.cloneObj() function NEWOBJECT(); NEWOBJECT. prototype = this; var anObj = new NEWOBJECT(); for ( var ele in anObj ) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 12 页 - - - - - - - - - if ( typeof anObjele = “object ” ) r

12、eturn anObjele. cloneObj(); return anObj; 7.Linux题目：批量删除当前目录下后缀名为.c 的文件，如 a.c 、b.c我的回答是 rm *.c 幸亏我还有点点 linux基础，当然更得归功于考前复习了几个常用linux命令。附加题 是 Flash 的 AS题， 大概是比较 AS2.0 和 AS3.0 在面向对象方面的异同吧。我都有好久好久没有接触过AS了，这题我没答。百度 web前端笔试试卷上的题目：1. 判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20 2. 截取字符串 abcdefg 的 efg 3.

13、 让一个 input的背景颜色变成红色4。给一个页面，写html css 5。div 的高宽等于浏览器可见区域的高宽，浏览器滚动， div 始终覆盖浏览器的整个可见区域6。判断一个字符串中出现次数最多的字符，统计这个次数7。IE 与 FF脚本兼容性问题又重新问的是 1，4，6，7，这次问出题者的意图，并且让给出7 的更多答案，以及 IE FF 不兼容的原因然后看了看简历，没有问简历上的项目，而是让自己随便谈谈1 对于 web客户端技术未来趋势发展谈谈看法javascript + ajax=RIA Adobe Flash AS 3 Flex Sliveright 2web开发团队人员应该如何分工

14、协作布局 CSS 脚本比如脚本人员长期的积累可能铸造类型YUI 这样的产品级脚本库（亮点）3web开发曾经的团队有没有别人遇到问题，什么问题，向你请教4 如果要实习，什么时候可以5 自己在开发的过程中遇到什么问题，谈谈看法名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 12 页 - - - - - - - - - 6web开发脚本开发环境用什么、调试用什么试过 aptana，现在就用 editplus 调试肯定用 firebug ，ie 下看页面 DOM 用 IEInsp

15、ector 7 如果有个新技术，现在需要掌握，你会怎么做新技术的发现我一般是通过RSS工具，比如我用 GoogleReader 每天有半个小时左右在看最新的资讯、技术走向发现新技术，首先有个大概了解，如果有深入的必要我一般会看他的官网， 比如 jquery ，我会搜索到 ，然后看 Docs、samples 如果要用到项目中， 有困难的问题， 我会 svn 得到最新的这个技术的源码，深入跟踪进去，看实现原理一般现在涌现的技术都是opensource 提问时间1 百度 web开发脚本是否有做类似YUI库的打算2 百度 web开发工程师打算招多少人百度电话二面回忆 web 开发部 web开发工程师首

16、先是自我介绍然后谈谈做的 web项目然后开始问技术问题前端开发的优化问题答: 产品发布时， js 的压缩，即函数名替换、整个文件压缩成一行css 开发的时候注释写清楚，先有个 base.css ， 然后根据不同页面需要再加css，发布的时候将 css 中的一个定义写成一行，目的是压缩文件大小最终发布的时候甚至可以将css，js 分别压缩成一个文件， 甚至 css、js 通过技巧压缩到一个里边（亮点）这样的目的是，减少用户访问web产品的 http 连接数web前端产品的开发流程答: 首先根据产品的定位、 用户群，确定配色， 然后纸上设计整体布局， 然后 png或者 psd 出效果图，切出需要的

17、小图片，然后手写代码div+css 构造出 页面，然后根据功能写脚本参考 126 邮箱首页，将所有小图片放到一个图片中，通过css 的background-position实现页面，还是为了优化，减少http 连接数规避 javascript多人开发函数重名问题答: 首先是通过命名规范，比如根据不同的开发人员实现的功能，在函数名加前缀，虽然函数名看起来复杂，发布的时候还是可以替换，从而优化。还有一种办法是， 每个开发人员都把自己的函数封装到类中，然后调用的时候即使函数名相同，但是因为是要类. 函数名来调用，所以也减少了重复的可能性。名师资料总结 - - -精品资料欢迎下载 - - - - -

18、- - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 12 页 - - - - - - - - - javascript面向对象中继承实现答：我是用 prototype.js extend.js扩展然后子类中 parent.initialize(),答的不好正确答案：/ 1. 构造器function Animal() ; function Mammal() ; function Canine() ; function Dog() ; / 2. 原型链表Mammal.prototype = new Animal(); Canine.prot

19、otype = new Mammal(); Dog.prototype = new Canine(); prototype.js实现的基本原理答：将功能封装比如 Ajax.Request ，还是有判断浏览器的代码；Position这样的实现页面元素位置的计算prototye太大，如果一个页面功能不需要这样的，自己实现，怎么做答： 首先页面、css、 脚本分离之后，脚本中将整个模块功能写成一个类var Do= 其中初始化函数 init:function()，然后最后做 Do.init() 其中 init会对页面上 form 中需要交互的元素绑定事件，比如$(input1 ).onclick=fu

20、nction()IE、FF下面脚本的区别答：1.IE 有 outerHTML，FF没有2. 页面元素 id ，IE 可以直接取， FF必须 document.getElementById() 3.Ajax 里边 FF是 new XMLHttpRequest，而 IE 是try new ActiveXObject(Msxml2.XMLHTTP) try new ActiveXObject(Microsoft.XMLHTTP)FF下面实现 outerHTML 答：.parenet.firstChild .parent.innerHTML 这个没答好正确答案：原理是， get ：取到这个标签的tag

21、name，然后属性循环构造成这个标签的属性set ：把字符串用 insertBefore插入到这个元素前面， 然后 removeChild 这个元素名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 12 页 - - - - - - - - - ! if(typeof(HTMLElement)!=”undefined ” & !window.opera) HTMLElement.prototype._defineGetter_(”outerHTML ”,function()

22、var a=this.attributes, str=”+this.tagName, i=0;for(;i ”;return str+”+this.innerHTML+ ”;); HTMLElement.prototype._ _defineSetter_(”outerHTML ”,function(s) var d = document.createElement(”DIV”); d.innerHTML = s;for(var i=0; i IE、FF下面 CSS 的解释区别答：1.png 透明背景， FF下面没有问题， IE 需要用滤镜通道2.z-index在 IE、FF下面的解释问题，I

23、E 会认为第一个 z-index=0 3. 长字符串，word-wrap:break-all可以解决 IE， 但是 FF需要 overflow:hidden才行冯舒娅补充：1、有些标签在 ff中不能用，比如 button 2、滤镜3、鼠标 cursor:hand cursor:pointer 4、div 的高度自适应名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 12 页 - - - - - - - - - 5、对 box 模型解析不一样6、ul 、ol 的 paddin

24、g 和 margin IE 都能识别 *，标准浏览器（如FF）不能识别 *；IE6 能识别 *，但不能识别 !important；IE7 能识别 *，也能识别 !important；FF不能识别 *，但能识别 !important；例如 style= ”*width:10px;!important width:20px;”这样在 IE6 下宽度为 10px, 在 IE7 下宽度时 20px web前端技术的展望答：javascript ajax；flash AS ；Flex ；Sliveright 附上网上的百度web开发工程师笔试问题集1 编写一个方法求一个字符串的字节长度new funct

25、ion(s) if(!arguments.length|!s) return null; if( ”=s) return 0;var l=0; for(var i=0;i255) l+=2; else l+; alert(l); ( ”hello你好，我好 , 大家好！ world! ”); 2 编写一个方法去掉一个数组的重复元素Array.prototype.strip=function() if(this.length2) return this0|; var arr=; for(var i=0;ithis.length;i+) arr.push(this.splice(i,1); for

26、(var j=0;jthis.length;j+) if(thisj=arrarr.length-1) this.splice(j,1); 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 12 页 - - - - - - - - - return arr; var arr=abc,85,abc,85,8,8,1,2,5,4,7,8; alert(arr.strip(); 3 说出 3 条以上 ff 和 ie 的脚本兼容问题IE 有 children ，FF没有； IE 有

27、 parentElement ，FF没有； IE 有innerText,outerText,outerHTML，FF 没有； FF有HTMLElement,HTMLDivElement,XMLDocument,DocumentFragment,Node, Event,Element 等等，IE 没有；IE 有数据岛，FF没有；IE 跟 FF创建 HttpRequest实例的方法不一样。等等。4 用脚本写去除字符串的前后空格String.prototype.trim = function(mode) / 前后去空格if (mode= left ) return (this.charAt(0) =

28、 ” “ & this.length 0) ? this.slice(1).trim(left ) : this); else if (mode = right ) return (this.charAt(this.length - 1) = ” “ & this.length 0) ? this.slice(0, this.length - 1).trim(right ) : this); else return this.trim(left ).trim(right ); ; 5 算出字符串中出现次数最多的字符是什么，出现了多少次/ maxLength ) /判断原始的字符串的长度减去替代

29、后字符串长度是否大于之前出现的最大的字符串长度maxLength = oldStr.length-str.length; / 两字符串长度相减得到最大的字符串长度result = getStr + = + maxLength /返回最大的字符串结果（字母、出现次数） alert(result) /弹出结果/ 6 写出 3 中使用 this 的典型应用在 HTML 元素事件属性中 inline方式使用 this关键字：7. 最后一个问题是，如何制作一个 combo选项， 就是可以输入可以下拉菜单选择。这个网上有很多成品， 主要是通过绝对定位和相对定位结合的方式，改造原有的select 标签和 i

30、nput标签的方法。附上 javascript正则表达式的基本知识：g: 全局匹配i: 忽略大小写 匹配一个输入或一行的开头，/a/ 匹配”an A”，而不匹配” An a”$ 匹配一个输入或一行的结尾，/a$/ 匹配”An a”，而不匹配” an A”* 匹配前面元字符 0 次或多次， /ba*/ 将匹配 b,ba,baa,baaa + 匹配前面元字符 1 次或多次， /ba*/ 将匹配 ba,baa,baaa ? 匹配前面元字符 0 次或 1 次，/ba*/ 将匹配 b,ba (x) 匹配 x 保存 x 在名为$1,$9的变量中x|y 匹配 x 或 y n 精确匹配 n 次n, 匹配 n

31、次以上n,m 匹配 n-m 次xyz 字符集 (character set)，匹配这个集合中的任一一个字符(或元字符 ) xyz 不匹配这个集合中的任何一个字符b 匹配一个退格符b 匹配一个单词的边界B 匹配一个单词的非边界cX 这儿， X是一个控制符， /cM/ 匹配 Ctrl-M d 匹配一个字数字符， /d/ = /0-9/ D 匹配一个非字数字符， /D/ = /0-9/ n 匹配一个换行符r 匹配一个回车符名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 12

32、页 - - - - - - - - - s 匹配一个空白字符，包括n,r,f,t,v等S 匹配一个非空白字符，等于/nfrtv/ t 匹配一个制表符v 匹配一个重直制表符w 匹配一个可以组成单词的字符(alphanumeric ，这是我的意译， 含数字 ) ，包括下划线，如 w 匹配”$5.98中的 5，等于 a-zA- Z0-9 W 匹配一个不可以组成单词的字符，如W匹配”$5.98中的 $，等于a-zA-Z0-9 举例：验证 email var myReg = /_a-z0-9+(_a-z0-9+.)+a-z0-92,3$/; if(myReg.test(strEmail) return true; 主要问了下两道算法题，一题是字符串的循环移位，一题的如果两个字符串的字符一样，但是顺序不一样，被认为是兄弟字符串，问如何在迅速匹配兄弟字符串。问了一些java 相关的题目，有内存自动回收机制的底层算法，J2ee 开发中如何保证事务性操作，设计一个数据库表关于一些sns网站的消息机制名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页，共 12 页 - - - - - - - - -