HTML5学堂-码匠 HTML5学堂

您当前位于:HTML5面试题 ——> WEB前端大型互联网公司面试题 - 新浪面试真题 - 2014年7月

WEB前端大型互联网公司面试题 - 新浪面试真题 - 2014年7月

2015/05/02 20:33:25 | 作者:HTML5学堂(码匠) | 分类:HTML5面试题 | 关键词:WEB前端,新浪网,面试题

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学堂

微信公众号,HTML5学堂,码匠,原创文章,WEB前端,技术分享

HTML5学堂

原创前端技术分享

HTML5学堂,HTML5,WEB,前端,视频课程,技术视频,学习视频,面试,JS

原创视频课程

用心打造精品课程

微信小程序,决胜前端,面试题,面试题集合,前端,HTML5,真题

小程序-决胜前端

前端面试题宝库

原创书籍,学习书籍,书籍推荐,HTML5布局之路,HTML5,WEB前端

HTML5布局之路

非传统模式讲解前端