文档介绍：1. UI设计部分
   这是web产品化的第一步。这个部分通常在稍大型的公司里,被单独设立为一个部门或者一些人来工作。主要是要掌握Photo, AI,可以很快的将创意转化为平面设计图,并制作PNG等小图片。同时,UI设计还要预包含用户交互设计的元素,如何和用户交互的基本原型等。
2. HTML/CSS,页面静态化
这是web产品化的2步,就是将UI设计师的设计图切成静态页面。这里的“切”不是单纯的切,而是使用css里面背景色和边框样式等方式对设计原稿进行解读,并形成符合web标准的html代码。这里web前端还需要将图片、html页面以及css样式进行合理的文件分布安排等
, AS 客户端动态化
这是web产品化的3步,工程师使用DOM操作、AJAX,实现数据和服务端的通信以及本地样式的切换。同时,由于Javascript、 AS是一门动态语言,所以这部分的编码要求web前端工程师有较好的编码****惯,能写高效率的OOP代码,并对代码进行压缩上线以降低带宽消耗等。
、Silverlight、Video    多媒体化
这部分针对不同web产品有不同的要求,通常要求是可以使用Flash和web、Server进行交互,并对Flash进行设计与开发。
、Java等CGI, 服务端通信基本知识和编码
这部分主要是更好的使用Ajax等技术,了解服务端的工作方式将更有利于web前端工程师工作的开展。通常优秀的web前端工程师都是对服务端的一种开发语言很了解。
百度web前端
判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母、数字、下划线,总长度为5-20
答案:
var patrn=/^[a-zA-Z][a-zA-Z0-9_]{4,19}$/;
alert((str));
截取字符串abcdefg的efg
答案:
var len=;
alert((len-3,len));
让一个input的背景颜色变成红色
<input type="text" name="names" id="names"/>
$("#names").focus(function(){
$("#names").css("background","red");
});
div的高宽等于浏览器可见区域的高宽,浏览器滚动,div始终覆盖浏览器的整个可见区域
<div id="test"></div>
<script type="text/javascript">
pageWidth = ,
pageHeight = ;
if (typeof pageWidth != "number"){
if (patMode == "pat"){
pageWidth = ;
pageHeight = ;
} else {
pageWidth = ;
pageHeight = ;
}
}
$("#test").css('width',pageWidth);
$("#test").css('height',pageHeight);
$("#test").css('background',"gray");
//滚动触发的事件
= function(){
var topPos=getScrollTop();
$("#test").css('marginTop',topPos);
$("#test").css('width',pageWidth);
$("#test").css('height',pageHeight);
$("#test").css('background',"silver");
}
//获取滚动条距离导航栏的高度
function getScrollTop(){
var scrollTop=0;
if(&&){
scrollTop=;
}el