百度web前端笔试面试题目.doc

百度web前端笔试面试题目.doc随着各大互联网公司设立了 Web前端开发工程师、设计工程师等职位，web前端越 来越得到互联网企业的认可。而且其重视程度与地位也随着浏览器端的富客户端的 体现而日益提高。眼前对HTML5的未来和走向，业内的预测是会和Flash、Silverlight 等相结合，从而取代传统的客户端应用程序。而实现这个目标的客户端核心工作是 有Web前端工程师来完成的。从另一个角度，对于web产品来说，交互和用户体 验是产品的第一价值，这部分价值的体现就是在web前端。可以说web前端是一个 web产品的长相和谈吐、行为。
下面就简单的说明一下web前端的组成部分。
UI设计部分
这是web产品化的第一步。这个部分通常在稍大型的公司里，被单独设立为一个 部门或者一些人来工作。主要是要掌握Photo, Al,可以很快的将创意转化为平面设计 图，并制作PNG等小图片。同时，UI设计还要预包含用户交互设计的元素，如何 和用户交互的基本原型等。
HTML/CSS,页面静态化
这是web产品化的2步，就是将UI设计师的设计图切成静态页面。这里的“切”不是 单纯的切，而是使用css里面背景色和边框样式等方式对设计原稿进行解读，并形 成符合web标准的html代码。这里web前端还需要将图片、html页面以及css样式进 行合理的文件分布安排等
Javascript, AS客户端动态化
这是web产品化的3步，工程师使用DOM操作、AJAX,实现数据和服务端的通信以 及本地样式的切换。同时，由于Javascript、AS是一门动态语言，所以这部分的编 码要求web前端工程师有较好的编码习惯，能写高效率的OOP代码，并对代码进行 压缩上线以降低带宽消耗等。
Flash、Silverlight、Video 多媒体化
这部分针对不同web产品有不同的要求，通常要求是可以使用Flash和web、Server 进行交互，并对Flash进行设计与开发。
PHP、Java等CGI,服务端通信基本知识和编码
这部分主要是更好的使用Ajax等技术，了解服务端的工作方式将更有利于web前端 工程师工作的开展。通常优秀的web前端工程师都是对服务端的一种开发语言很了 解。
web开发脚本开发环境用什么、调试用什么
试过aptana,现在就用editplus
调试肯定用firebug, ie下看页面DOM用lElnspector
web前端产品的开发流程
答:首先根据产品的定位、用户群，确定配色，然后纸上设计整体布局，然后png或 者psd出效果图，切出需要的小图片，然后手写代码div+css构造出页面，然后根据 功能写脚本参考126邮箱首页，将所有小图片放到一个图片中，通过css的 background-position实现页面，还是为了优化，减少http连接数
规避javascript多人开发函数重名问题
答:首先是通过命名规范，比如根据不同的开发人员实现的功能，在函数名加前缀， 虽然函数名看起来复杂，发布的时候还是可以替换，从而优化。
还有一种办法是，每个开发人员都把自己的函数封装到类中，然后调用的时候即使 函数名相同，，所以也减少了重复的可能性。
IE、FF下面CSS的解释区别
答：，FF下面没有问题，IE需要用滤镜通道
z-index在IE、FF下面的解释问题，
IE会认为第一个z-index=O
长字符串,word-wrap:break-all可以解决IE,但是FF需要overflow:hidden才行 冯舒娅补充：
1、 有些标签在ff中不能用，比如button
2、 滤镜
3、 鼠标 cursorhand cursor:pointer
4、 div的高度自适应
5、 对box模型解析不一样
6、 ul、ol 的 padding 和 margin
IE都能识别*,标准浏览器(如FF)不能识别*;
IE6能识别*，但不能识别!important；
IE7能识别*,也能识别iimportant；
FF不能识别*，但能识别Iimportant；
例如 style-'*width:10px;!important width:20px;"
这样在IE6下宽度为10px,在IE7下宽度时20px
web前端技术的展望
答：javascript ajax； flash AS； Flex； Silverlight
4用脚本写去除字符串的前后空格
= function(mode)
{//前后去空格
if (mode=='left‘){
return (((O) ==" " && this