百度web前端笔试面试题目

《百度web前端笔试面试题目》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、随着各大互联网公司设立了Web前端开发工程师、设计工程师等职位，web前端越来越得到互联网企业的认可。而且其重视程度与地位也随着浏览器端的富客八端的体现而tl益提高。眼前对HTML5的未来和走向，业内的预测是会和Flash.Silverlight等相结合，从而収代传统的客户端应用程序。而实现这个目标的客户端核心工作是有Web前端工程师来完成的。从另一个角度，对于web产品来说，交互和用户体验是产品的第一价值，这部分价值的体现就是在web前端。可以说web前端是一个web产品的t相和谈吐、行为。下面就简单的说明一下web前端的组成部分。1.UI设计部分这是web产品化的第一步。这个部分通常在

2、稍大型的公司里，被单独设立为一个部门或者一些人来工作。主要是要掌握Photo,Al,可以很快的将创意转化为平面设计图，并制作PNG等小图片。同时，UI设计还要预包含用户交互设计的元素，如何和用户交互的基本原型等。2.HTML/CSS,页面静态化这是web产品化的2步，就是将UI设计师的设计图切成静态页面。这里的“切”不是单纯的切，而是使用css里面背景色和边框样式等方式对设计原稿进行解读，并形成符合web标准的html代码。这里web前端还需要将图片、html页面以及css样式进行合理的文件分布安排等3.Javascript,AS客户端动态化这是web产品化的3步，工程师使用DOM操作、A

3、JAX,实现数据和服务端的通信以及本地样式的切换。同时，由于Javascript>AS是一门动态语言，所以这部分的编码要求web前端工程师有较好的编码习惯，能写高效率的OOP代码，并对代码进行压缩上线以降低带宽消耗等。4・Flash、Silverlight.Video多媒体化这部分针对不同web产品有不同的要求，通常要求是可以使用Flash和web、Server进行交互，并对Flash进行设计与开发。5.PHP、Java等CGI,服务端通信基本知识和编码这部分主要是更好的使用Ajax等技术，了解服务端的工作方式将更有利于web前端工程师工作的开展。通常优秀的web前端工程师都是对服务端的一

4、种开发语言很了解。6.web开发脚本开发环境用什么、调试用什么试过aptana,现在就用editplus调试肯定用firebug,ie下看页血DOM用lElnspectorweb前端产品的开发流程答:首先根据产品的定位、用户群，确定配色，然后纸上设计整体布局，然后png或者psd出效果图，切出需要的小图片，然后手写代码div+css构造出页面，然后根据功能写脚本参考126邮箱首页，将所有小图片放到一个图片中，通过css的background-position实现页面，还是为了优化，减少http连接数规避javascript多人开发函数重名问题答:首先是通过命名规范，比如根据不同的开发人员实

5、现的功能，在函数名加前缀，虽然函数名看起来复杂，发布的时候还是可以替换，从而优化。还有一种办法是，每个开发人员都把白己的函数封装到类屮，然后调用的时候即使函数名相同，但是因为是要类•函数名來调用，所以也减少了重复的可能性。IE、FF下面CSS的解释区别答：1-png透明背景，FF下面没有问题，IE需要用滤镜通道2.z-index在IE、FF下面的解释问题，IE会认为第一个z-index=O2.长字符串，word-wrap:break-allnJ'以解决IE,但是FF需要overflow:hidden才行冯舒娅补充：仁有些标签在ff中不能用,比如button2、滤镜3^鼠标cursor:ha

6、ndcursor:pointer4、div的高度自适应5、对box模型解析不一样6^ul、ol的padding和marginIE都能识别*,标准浏览器(如FF)不能识别*;IE6能识别但不能识别［important；IE7能识别*,也能识别important；FF不能识别*,但能识别important；例如style-**width:10px;!importantwidth:20px;”这样在IE6下宽度为10px,aIE7下宽度时20pxweb前端技术的展望答：javascriptajax；flashAS；Flex；Silverlight4用脚本写去除字符串的前后空格String.pro

7、totype.trim=function(mode){//前后去空格if(mode==,left,){return((this.charAt(O)==”“&&this.length>0)?this.slice⑴.trim('left'):this);}elseif(mode=='right'){return((this.charAt(this.length-1)=='*H&&this.length>0)?this.sli