2014年7月 新浪面试真题

HTML5学堂：

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

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

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

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

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

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

1. (function test(){
2.       var a=b=5;
3.       alert(typeof a);
4.       alert(typeof b);
5. })();
6. alert(typeof a);
7. alert(typeof b);

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

1. var iNum = 0;
2. for(var i = 1; i< 10; i++){
3.      if(i % 5 == 0){
4.          continue;
5.     }
6.     iNum++;
7. }

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

欢迎沟通交流~HTML5学堂

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

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

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

1. var obj = {proto: {a:1,b:2}};
2. function F(){};
3. F.prototype = obj.proto;
4. var f = new F();
5. obj.proto.c = 3;
6. obj.proto = {a:-1, b:-2};
7. alert(f.a);
8. alert(f.c);
9. delete F.prototype['a'];
10. alert(f.a);
11. alert(obj.proto.a);

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

1. <ul id='list'>
2.     <li>item</li>
3.     <li>item</li>
4.     <li>item</li>
5.     <li>item</li>
6.     <li>item</li>
7. </ul>
8. var items = document.querySelectorAll('#list>li');
9. for(var i = 0;i < items.length; i++){
10.      setTimeout(function(){
11.            items[i].style.backgroundColor = '#fee';
12.     }, 5);
13. }

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

1. <ul>
2.     <li>Item</li>
3.     <li></li>
4.     <li></li>
5.     <li>Item</li>
6.     <li>Item</li>
7. </ul>
8.  
9. var items = document.getElementsByTagName('li');
10. for(var i = 0; i< items.length; i++){
11.     if(items[i].innerHTML == ''){
12.         items[i].parentNode.removeChild(items[i]);
13.     }
14. }

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

1. <button id='btn'>点击我</button>
2. var btn = document.getElementById('btn');
3. var handler = {
4.     id: '_eventHandler',
5.     exec: function(){
6.         alert(this.id);
7.     }
8. }
9. btn.addEventListener('click', handler.exec.false);

欢迎沟通交流~HTML5学堂