关注前端开发微信微信号web007007

2013.03.06笔试题以及答案

作者 管理员 发布时间 2013-03-06 21:04 文章分类 HTML5 文章评论 1条评论 阅读次数

一、简要的说明什么是XHTML并列举出XHTML与HTML的不同点。

二、css行内元素有哪些?块级元素有哪些? 盒模型的哪些?

三、列举css常用的三种引入方式。

1:在head部分加入<link  rel=”stylesheet” type=”text/css” href=”my.css”/>,引入外部的CSS文件。
2:在head部分加入
<style type=”text/css”>
div{margin: 0;padding: 0;border:1px red solid;}
</style>
3:直接在页面的标签里加<div style=”border:1px red solid;”>测试信息</div>

四、css选择符有哪些?优先级是怎么的?

五、经常碰到的浏览器兼容性有哪些?怎么处理?

1. IE6,margin加倍的问题   

设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;    例如:    <#div id=”imfloat”>    相应的css为    #IamFloat{    float:left;    margin:5px;/*IE下理解为10px*/    display:inline;/*IE下再理解为5px*/}

2.float的div闭合;清除浮动;自适应高度等;

.clear{ clear:both;}

六、有使用过css sprite技术吗?请简述其原理及优缺点

CSS Sprites原理
CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。

CSS Sprites优点
利用CSS Sprites能很好地减少了网页的http请求,从而大大的提高了页面的性能,这也是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;
CSS Sprites能减少图片的字节,曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。

CSS Sprites缺点
在图片合并的时候,你要把多张图片有序的合理的合并成一张图片,还要留好足够的空间,防止板块内不会出现不必要的背景;
在高分辨率的屏幕下的自适应页面,你的图片如果不够宽,很容易出现背景断裂;

七、form中的input的哪些类型?input中的readonly和disable,这两项属性有什么区别?

1.type=text 输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册输入电话号码,电子邮件,家庭住址等等。
<input type=”text” name=”yourname”>

 2.type=password 密码输入框,在此输入框输入信息时显示为保密字符。
<input type=”password” name=”yourpwd”>

3.type=file 上传附件
<input type=”file” name=”yourfile” size=”30″>

4.type=hidden隐藏域
<form name=”form1″> your hidden info here: <input type=”hidden” name=”yourhiddeninfo” value=”baidu.com”> </form>
<script> alert(“隐藏域的值是 “+document.form1.yourhiddeninfo.value) </script>

   5.type=button 按钮
<input type=”button” name=”yourhiddeninfo” value=”确定” onclick=”window.open(‘http://www.funet8.com’)”>

  6.type=checkbox多选框

7.type=radio 多选框

8.type=image 图片 
<input type=”image” src=”../blog/images/face4.gif”>

9.type=submit and type=reset “提交”和“重置”按钮
<input type=”submit” value=”提交”> <input type=”reset” value=”重置”>

八、怎么添加,移除,移动,复制创建和查找DOM节点

(1)创建新节点

createDocumentFragment()    //创建一个DOM片段

createElement()   //创建一个具体的元素

createTextNode()   //创建一个文本节点

(2)添加、移除、替换、插入

appendChild()

removeChild()

replaceChild()

insertBefore()

(3)查找

getElementsByTagName()    //通过标签名称

getElementsByName()    //通过元素的Name属性的值

getElementById()    //通过元素Id,唯一性

九、利用正则表达式进行邮箱、url验证

答:邮箱

var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;

url

var tomatch= /http:\/\/[A-Za-z0-9\.-]{3,}\.[A-Za-z]{3}/

十、以下代码执行的结果?

var a = 10 ;
sayHi();
function sayHi()
{
	a=a+10;
	alert(a);
	return a;
}
alert(a);
alert(sayHi()+10);

答:20 20 30 40

十一、将此数组根据冒泡排序重新排列:var myArray = new array(1,3,5,2,7,4);
答:

//new 一个数组
var myArray = new Array(1,3,5,2,7,4);
  //冒泡排序
  if(myArray.length>0){
    for(var i=0; i        //在这要注意myArray.length-i-1,意思是第一次从数组第一个值开始,第二次从第二个值开始…..
        for(var j=0; j str_j){
                var tmp = myArray[j];
                myArray[j] = myArray[j+1];
                myArray[j+1] = tmp;
           }
        }
     }
  }

十二、jQuery插件开发的基本格式(选填)


(function ($) {
$.extend($.fn, {
})
})(jQuery)

本文固定链接: http://www.web92.net/884.html | WEB前端开发

该日志由 于2013年03月06日发表在 HTML5 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 2013.03.06笔试题以及答案 | WEB前端开发
关键字: