面试题整理

1、jquery中的Delegate函数有什么作用

2、js声明变量，除了用var还有什么方法？

3、typeof(null)=？

4、如果用jquey禁用浏览器的前进后退按钮？

5、

        var myObject={
            foo:"bar",
            func:function(){
                var self = this;
                alert(this.foo);
                alert(self.foo);
                (function(){
                    alert(this.foo);
                    alert(self.foo);
                }());
            }
        }
        myObject.func();

以上程序的输出是什么？

7、

        var a = "undefined";
        var b = "false";
        var c = "";
        function assert(aVar){
            if(aVar){
                alert(true);
            }else{
                alert(false);
            }
        }
        assert(a);
        assert(b);
        assert(c);

以上程序的输出是什么？

 

8、

        var x= 1,y=z=0;
        function add(n){
            return n=n+1;
        }
        y=add(x);
        function add(n){
            return n=n+3;
        }
        z=add(x);
        alert(x);
        alert(y);
        alert(z);

以上程序的输出是什么？

 

9、如何用jquery实现跨域请求？

10、使用css3依次完成以下动画

　　a、初始正方形，长50px，宽50px，圆角5px

　　b、渐变为长100px，宽100px，时间1s

　　c、顺时针旋转90度

　　d、假设现位置坐标为(0,0),2s内，位移到（200px,-200px）;

　　　　0.5s时到达（50px,-100px）

　　　　1s时到达（100px，-120px）

　　　　1.5时到达（30px，-80px）

　　　　2s时到达（200px，-200px）

 

11、尽可能多地列举脚本方面的浏览器兼容性问题

 

12、实现字符串的startsWith方法，即判断一个字符串是否以某段字符串开头

 

13、使用原生ajax(不能使用jquery等框架)实现查询商品信息的功能，接口为http://www.aaa.com/queryProduct，参数为id=***

 

14、请列举闭包的使用场景并描述其优缺点

 

15、很多购物网站中，首页都有商品轮播区域，尽可能多地展示商品信息

下图为京东首页的商品轮播区域：

每2s切换一次突破：

当最后一张图片展现后，自动切换到第一页展现

其html片段如下，其中“slider-panel-selected”表示该图片为当前展现图片;

"slider-item-selected"表示当前展现该下标对应的图片

请用JavaScript实现这个功能

<div class="slider">
        <ul class="slider-main" style="position: relative;">
            <li class="slider-panel slider-panel-selected">
                <img width="730" height="454" alt="" src="1.jpg">
            </li>
            <li class="slider-panel">
                <img width="730" height="454" alt="" src="2.jpg">
            </li>
            <li class="slider-panel">
                <img width="730" height="454" alt="" src="3.jpg">
            </li>
        </ul>
        <ul class="slider-nav">
            <li class="slider-item slider-item-selected">1</li>
            <li class="slider-item">2</li>
            <li class="slider-item">3</li>
        </ul>
</div>