文档章节

怒刷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
华为2018届校园招聘笔试题目以及相应代码分享 软件开发岗位

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

lizi_stdio
2017/08/03
0
0
【干货分享】面试小技巧

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

路过全世界
2017/04/26
0
0
小米Java程序员第二轮面试10个问题,你是否会被刷掉?

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

W3Cschool
2017/10/31
0
0

没有更多内容

加载失败,请刷新页面

加载更多

基于redis的分布式锁

redisson提供了基于redis的分布式锁实现方式,本文就尝试了下锁的使用方式。Redisson同时还为分布式锁提供了异步执行的相关方法,第二节执行介绍。 一、可重入锁验证 同一个jvm里面同一线程的...

noob_chr
15分钟前
3
0
CPU性能过剩提升乏力影响未来行业发展吗?

虽然CPU仍然在不断发展,但是它的性能已经不再仅仅受限于单个处理器类型或制造工艺上了。和过去相比,CPU性能提升的步伐明显放缓了,接下来怎么办,成为横亘在整个行业面前的大问题。 自201...

linux-tao
18分钟前
1
0
设计模式“6”大原则!

面向对象设计原则 概述 对于面向对象软件系统的设计而言,在支持可维护性的同时,提高系统的可复用性是一个至关重要的问题,如何同时提高一个软件系统的可维护性和可复用性是面向对象设计需要...

Java干货分享
34分钟前
7
0
mybatis学习(1)

JDBC连接方式: 1.底层没有使用连接池,操作数据库需要频繁的创建和关闭连接,消耗资源。 2.写原生的JDBC代码在JAVA中,一旦需要修改SQL的话(比如表增加字段),JAVA需要整体重新编译,不利...

杨健-YJ
今天
5
0
怎么组织文档

可以从以下几个方面考虑组织文档: ☐ 各种分支的界面截图和对应的类及文件 ☐ 框架或类图 ☐ 流程图 ☐ 时序图 ☐ 注意事项

-___-
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部