文档章节

怒刷web前端笔试面试题(二)

yifon
 yifon
发布于 2015/03/29 23:24
字数 478
阅读 49
收藏 0

1.数组去重, 原型扩展, 两种方法

Array.prototype.unqie = function(){ 
 var arr = this, len=this.length, obj={}, newArr=[];   
 while(--len>=0){ 
 if(obj[ arr[len] ] !== arr[len]){ 
   obj[arr[len]] = arr[len];   //数组值作为对象属性,达到去重的目的
   newArr.push( arr[len]); 
  }  
} 
return newArr; 
}
var arr1=[1,1,1,44,2,555,44,2,6];
alert(arr1);
alert(arr1.unqie());

2.图片, 内容延时加载

绑定scroll事件 滚动条到达底部时 解除scroll事件 ajax加载数据 如果数据没全部载入 再次绑定scroll事件 

$(document).ready(function() {
            $(window).bind("scroll", GetData);
            function GetData() {     
                var windowHeight = $(window).height();
                var scrollHeight = $(document).scrollTop();
                var screenBottom = windowHeight + scrollHeight;
                var documentHeight = $(document).height();
                if (screenBottom >= documentHeight) {
                    $(window).unbind();
                    $.ajax({
                        type: "post",
                        url: "GetData.aspx",
                        data: "action=data",
                        success: function(data) {
                            data = eval("(" + data + ")");
                            if (data.ret = 1) {
                                var html = "";
                                for (var i = 0; i < 12; i++) {
                                    html += '<div style=" border:1px solid; width:198px; float:left; height:200px" >' + i + '</div>';
                                }
                                $("#div_main").append(html);
                                $(window).bind("scroll", GetData);
                            }
                        }
                    })

                }
            }
        });

3.如何在ie下模拟DOMContentLoad 事件

一般是两种方法。

4.js中的defer属性


5.实现全文单词首字母大写

var strPage="A computer generally means a programmable machine. The two principal characteristics of a computer are: it responds to a specific set of instructions in a well-defined manner and it can execute a prerecorded list of instructions (a program).";
var strArray=strPage.split(/[\s]/);
for(var i=0;i<strArray.length;i++){
  strArray[i]=strArray[i].replace(strArray[i].charAt(0),strArray[i].charAt(0).toUpperCase());
}
alert(strArray.join(" "));

6.新闻ul列表,动态插入li,获取index

<!DOCTYPE html>
<html>
<head>
    <title>新闻ul列表,插入3个li,获取index</title>
    <meta charset='utf-8'>
</head>
<body>
<ul id="ulList">
    <li>a</li>
    <li>b</li>
    <li>c</li>
    <li>d</li>
    <li>e</li>
</ul>
<input type="button" id="addLi" value="添加li">
<script type="text/javascript">
var a=document.getElementById('ulList');
(function(){
    document.getElementById("addLi").addEventListener('click',function(){
    a.innerHTML+="<li>1</li>";
    var b=a.getElementsByTagName('li');
for(var i=0;i<b.length;i++){
    b[i].addEventListener('click',function(e){
    var c = e.target;
    alert(c.innerHTML);
},false);
}
    },false);
})();
</script>
</body>
</html>



7.BOM浏览器信息

8.页面流量
9.堆栈








© 著作权归作者所有

共有 人打赏支持
yifon

yifon

粉丝 10
博文 37
码字总数 29078
作品 0
广州
程序员
鹅厂奋战历程简录

从开始准备到最后尘埃落定,和鹅厂总共纠缠了近10个月,所幸最终拿到Offer,也算万事完满。 2015.12 12月中旬,和一读研学长讨论今后出路。本觉得以自己的水平万不可眼界过高放眼鹅厂这种互联...

sun511230
2017/05/25
0
0
2018年互联网技术岗(数据分析)暑期实习面试经验

此经验帖适合想找互联网相关工作的人,如数据分析、算法工程师、数据挖掘工程师等。或者是想进入BAT等互联网公司的人,我会介绍他们暑期实习招聘流程及笔面试经验等,暑期实习往往是有转正机...

你的社交帐号昵
05/22
0
0
【干货分享】面试小技巧

纪念一下第一份面试经历 美团面试主要就是分为笔试和面试,笔试以后我恬不知耻地去霸面了(其实也不觉得有什么恬不知耻,权当考察去了)但其实笔试完没多久后我就接到了约面试时间的电话了。...

路过全世界
2017/04/26
0
0
华为2018届校园招聘笔试题目以及相应代码分享 软件开发岗位

华为2018届校园招聘笔试 时间20170712 笔试题目 01 括号匹配 //01 括号匹配 define CRTSECURENOWARNINGS /*括号匹配 给定一个字符串,里边可能包含“()”、“[]”、“{}”三种括号,请编写程...

lizi_stdio
2017/08/03
0
0
小米Java程序员第二轮面试10个问题,你是否会被刷掉?

近日,w3cschool app开发者头条上分享了一篇“小米java第二轮面经”,有很多的java程序员表示非常有兴趣。 下面w3cschool就和各位分享小米java第二轮面经(华为java工程师笔试面试题可以看文章...

W3Cschool
2017/10/31
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSX | SafariBookmarksSyncAgent意外退出解决方法

1. 启动系统, 按住⌘-R不松手2. 在实用工具(Utilities)下打开终端,输入csrutil disable, 然后回车; 你就看到提示系统完整性保护(SIP: System Integrity Protection)已禁用3. 输入reboot回车...

云迹
9分钟前
0
0
面向对象类之间的关系

面向对象类之间的关系:is-a、has-a、use-a is-a关系也叫继承或泛化,比如大雁和鸟类之间的关系就是继承。 has-a关系称为关联关系,例如企鹅在气候寒冷的地方生活,“企鹅”和“气候”就是关...

gackey
57分钟前
1
0
读书(附电子书)|小狗钱钱之白色的拉布拉多

关注公众号,在公众号中回复“小狗钱钱”可免费获得电子书。 一、背景 之前写了一篇文章 《小狗钱钱》 理财小白应该读的一本书,那时候我才看那本书,现在看了一大半了,发现这本书确实不错,...

tiankonguse
今天
1
0
Permissions 0777 for ‘***’ are too open

异常显示: @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @ WARNING: UNPROTECTED PRIVATE KEY FILE! @ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ......

李玉长
今天
3
0
区块链10年了,还未落地,它失败了吗?

导读 几乎每个人,甚至是对通证持怀疑态度的人,都对区块链的技术有积极的看法,因为它有可能改变世界。然而,区块链技术问世已经10年了,我们仍然没有真正的用上区块链技术。 几乎每个人,甚...

问题终结者
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部