新浪面试真题

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);

原文发布于微信公众号 - HTML5学堂(h5course-com)

原文发表时间:2015-08-27

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏hightopo

基于 HTML5 的 3D 工控隧道案例

912
来自专栏一“技”之长

Bootstrap响应式前端框架笔记十——导航栏相关组件

    Bootstrap中提供的导航栏分为两种模式,使用nav-tabs类可以创建页卡模式的导航栏,使用nav-pills类可以创建胶囊模式的导航栏,示例如下...

732
来自专栏GreenLeaves

Js框架设计之DomReady

一、在介绍DomReady之前,先了解下相关的知识 1、HTML是一种标记语言,告诉我们这页面里面有什么内容,但是行为交互则要通过DOM操作来实现,但是注意:不...

2036
来自专栏编程微刊

七个帮助你处理Web页面层布局的jQuery插件

1302
来自专栏Danny的专栏

Axure实现Tab选项卡切换功能

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huyuyang6688/article/...

612
来自专栏石奈子的Java之路

原 探索Intellij Idea 201

1073
来自专栏代码世界

前端之HTML内容

一、HTML介绍 1、Web服务本质   当我们在浏览器中输入一个url后打开一个页面这个过程实质是一个网络编程中的sockt服务端接受指令并发送指令的一个过程...

2669
来自专栏练小习的专栏

请不要忘了,有一个值叫 inherit

请不要忘了,有一个值叫 inherit 下午在写组件的时候瞄了一眼qq群,看到有个哥们在问一道css的问题,他的问题如下图 ? 红圈部分超出主体的部分,他是用伪...

2015
来自专栏从零开始学 Web 前端

从零开始学 Web 之 CSS3(六)动画animation,Web字体

好的前端工程师,会更注重用户的体验和交互。那么动画就是将我们的静态页面,变成具有灵动性,为我们的界面添加个性的一种方式。

321
来自专栏林德熙的博客

win10 uwp 标题栏 扩展标题栏修改颜色透明标题栏 系统状态栏

我们应用最上方的是标题栏,对于手机,最上方是状态栏。 我们可以自定义标题栏,和不显示标题栏。

412

扫描关注云+社区