新浪面试真题 - 码农教程

1.请写出一张图片的HTML代码，已知道图片地址为“images/abc.jpg”,宽100px，高50px

2.请问display：none和visibility：hidden的作用什么，它有什么区别？

3.请用CSS实现：一个矩形内容，有投影，有圆角，hover状态慢慢变透明。

4.描述下盒模型（BoxModule）及CSS3相关特性

5.描述下CSS3里实现元素动画的方法

6.下列JavaScript代码执行后，依次alert的结果是

(function test(){
      var a=b=5;
      alert(typeof a);
      alert(typeof b);
})();
alert(typeof a);
alert(typeof b);

7.下列JavaScript代码执行后，iNum的值是

var iNum = 0;
for(var i = 1; i< 10; i++){
     if(i % 5 == 0){
         continue;
    }
    iNum++;
}

8.请写一个正则表达式：要求最短6位数，最长20位，阿拉伯数和英文字母（不区分大小写）组成

9.统计1到400亿之间的自然数中含有多少个1？比如1-21中，有1、10、11、21这四个自然数有5个1

10.删除与某个字符相邻且相同的字符，比如fdaffdaaklfjklja字符串处理之后成为“fdafdaklfjklja”

11.请写出三种以上的Firefox有但，InternetExplorer没有的属性活函数

12.请写出一个程序，在页面加载完成后动态创建一个form表单，并在里面添加一个input对象并给它任意赋值后义post方式提交到：http://127.0.0.1/save.php

13.用JavaScript实现冒泡排序。数据为23、45、18、37、92、13、24

14.解释一下什么叫闭包，并实现一段闭包代码

15.简述一下什么叫事件委托以及其原理

16.下列JavaScript代码执行后，依次alert的结果是

var obj = {proto: {a:1,b:2}};
function F(){};
F.prototype = obj.proto;
var f = new F();
obj.proto.c = 3;
obj.proto = {a:-1, b:-2};
alert(f.a);
alert(f.c);
delete F.prototype['a'];
alert(f.a);
alert(obj.proto.a);

17.下列JavaScript代码执行后的效果是

<ul id='list'>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
</ul>
var items = document.querySelectorAll('#list>li');
for(var i = 0;i < items.length; i++){
     setTimeout(function(){
           items[i].style.backgroundColor = '#fee';
    }, 5);
}

18.下列JavaScript代码执行后的li元素的数量是

<ul>
    <li>Item</li>
    <li></li>
    <li></li>
    <li>Item</li>
    <li>Item</li>
</ul>
 
var items = document.getElementsByTagName('li');
for(var i = 0; i< items.length; i++){
    if(items[i].innerHTML == ''){
        items[i].parentNode.removeChild(items[i]);
    }
}

19.下列JavaScript代码执行后，运行的结果是

<button id='btn'>点击我</button>
var btn = document.getElementById('btn');
var handler = {
    id: '_eventHandler',
    exec: function(){
        alert(this.id);
    }
}
btn.addEventListener('click', handler.exec.false);