文档介绍：随着各大互联网公司设立了Web前端开发工程师、设计工程师等职位,web前端越来越得到互联网企业的认可。而且其重视程度与地位也随着浏览器端的富客八端的体现而tl益提高。眼前对HTML5的未来和走向,,从而収代传统的客户端应用程序。而实现这个目标的客户端核心工作是有Web前端工程师来完成的。从另一个角度,对于web产品来说,交互和用户体验是产品的第一价值,这部分价值的体现就是在web前端。可以说web前端是一个web产品的t相和谈吐、行为。下面就简单的说明一下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代码,并对代码进行压缩上线以降低带宽消耗等。4・Flash、,通常要求是可以使用Flash和web、Server进行交互,并对Flash进行设计与开发。PHP、Java等CGI,服务端通信基本知识和编码这部分主要是更好的使用Ajax等技术,了解服务端的工作方式将更有利于web前端工程师工作的开展。通常优秀的web前端工程师都是对服务端的一种开发语言很了解。web开发脚本开发环境用什么、调试用什么试过aptana,现在就用editplus调试肯定用firebug,ie下看页血DOM用lElnspectorweb前端产品的开发流程答:首先根据产品的定位、用户群,确定配色,然后纸上设计整体布局,然后png或者psd出效果图,切出需要的小图片,然后手写代码div+css构造出页面,然后根据功能写脚本参考126邮箱首页,将所有小图片放到一个图片中,通过css的background-position实现页面,还是为了优化,减少http连接数规避javascript多人开发函数重名问题答:首先是通过命名规范,比如根据不同的开发人员实现的功能,在函数名加前缀,虽然函数名看起来复杂,发布的时候还是可以替换,从而优化。还有一种办法是,每个开发人员都把白己的函数封装到类屮,然后调用的时候即使函数名相同,但是因为是要类•函数名來调用,所以也减少了重复的可能性。IE、FF下面CSS的解释区别答:1-png透明背景,FF下面没有问题,IE需要用滤镜通道z-index在IE、FF下面的解释问题,IE会认为第一个z-index=O长字符串,word-wrap:break-allnJ'以解决IE,但是FF需要overflow:hidden才行冯舒娅补充:仁有些标签在ff中不能用,比如button2、滤镜3^鼠标cursor:handcursor: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;=function(mode){//前后去空格if(mode==,left,){return(((O)==”“&&>0)?⑴.trim('left'):this);}elseif(mode=='right'){return(((-1)=='*H&&>0)?(O,