web笔试题



1：有这么一段HTML，请找出存在的问题：
<P>哥写的不是HTML，是寂寞。<br><br>我说：<br>不要迷恋哥，哥只是一个传说

2：如何触发浏览器的严格模式与混杂模式，区分它们有何意义？

 区别 严格模式是浏览器根据规格显示页面；混杂模式是以兼容的方式显示

意义 解决浏览器渲染网站解析网站

3：行内元素有哪些？块级元素有哪些？行内块元素又是一种什么表现行为？
 
行内元素有<a> <abbr> <bdo> <big> <button> <dfn> <em> <i> <iframe> <img>   <input>  <q> <strong> <sub> <sup> <textarea> <var> 等等
块级元素有 <ul> <tr> <th> <thead> <tfoot> <td> <p> <ol> <li> <dl> <dt>等等

 二者之间的差异
块级元素总是独自占一行，前面和后面就好像存在换行符，行内元素总是和其它内行元素占一行。
块级元素可以设置宽和高度值，行内元素就不行。
块级元素的margin和padding 都是正常，行内元素左右maring和左右padding正常，上下不能通过margin-top和padding—top来改变行高

4：简述CSS级联规则与CSS选择器的权重。
   举例：
一、 代表行内样式，如 style=””，权值为1000
二、 代表ID选择器 如 #content，权值为100
三、 代表类，伪类和属性选择器 如 .content，权值为10
四、 代表类型选择器和伪元素选择器， 如 div p，权值为1
五、 通用选择器（*）,子选择器（>）和相邻同胞选择器（+）都不在以上四个等级中，所以他们权值均为0

5：简述一下浮动与定位。

6：现有并列的三列布局结构，从左至右依次为 A, B, C, 宽度分别为180px, 600px, 180px。要求在不改变 HTML 结构的情况下用CSS实现：ABC，CBA，BAC 三种布局及在CBA排列下使B宽度自适应（三列总宽度100%）。

7：列举一些你遇见过的浏览器的兼容性问题。

8：如何减少浏览器的repaint和reflow？

9：让你来规划一个站点，你会对哪些方面做针对性的设计、以及如何来规划站点的目录？

[JavaScript]
1：标出下面代码每个 alert 调用时显示的值，并说明为什么？。
var a = {}, b;
a.x = true;
b = a;
b.x = false;
alert(a.x);

2：找出ID为“newsList”的HTML元素下的第一个节点，并将其移动到“newsList”的最后。

3：HTTP协议的状态码都有哪些，分别代表什么意思？

4：标出下面代码每个 alert 调用时显示的值，并说明为什么？。
 var a = 100;
 functiontest() {
  alert(a);
var a = 10;
 alert(this.a);
  alert(a);
 }
 test();

var start = new Date();
setTimeout(
function(){
var end = new Date();
alert(end - start);
},
1000
);
while(new Date() - start < 2000);

5：随机排序数组arr，并删除排序结果数组中的第二个值。
 vararr = [1,2,3,4,5,6,7,8,9,10];

6：写一个函数isArray，用于验证某值是不是数组。

7：什么是闭包？并列举两个闭包的应用场景。

8：标出下面代码每个 alert 调用时显示的值，并说明为什么。
 varreg = /abc/g,
  str = 'abcd';
 alert(reg.test(str));
 alert(reg.test(str));

9：用三种方式实现 a 继承 b。

10：简述一下AJAX及同步和异步；并给出一些跨域的解决方案。

11：jQuery函数有多少种用法？分别是？

12：看以下代码，根据要求做答。

function addEvent( obj, type, fn ) { 
    if (obj.addEventListener) { 
        obj.addEventListener( type, fn, false ); 
    } 
    else if (obj.attachEvent) { 
        obj["e"+type+fn] = fn; 
        obj[type+fn] = function() { obj["e"+type+fn]( window.event ); } 
        obj.attachEvent( "on"+type, obj[type+fn] );
    }
}

a)以上代码的作用？
b)以上代码的优点？
c)以上代码中的问题，如果你有更好的，请把它编写出来