Web前端开发笔试&面试_01(mi:)

—— (al_me16041719002000) begin——

 

1.(单选)下面哪个方法是String对象和Array对象都有的?

   A.splice  B.split  C.replace  D.concat  E.sort  F.join

2.(单选)以下说法错误的是?

  A.IE8支持 :before  

  B.IE8支持 :after  

  C.IE8支持 :first-child

  D.IE8支持 :last-child

  E.IE8支持 ::before

  F. IE8支持 ::after

3.(单选)以下框架采用的是 AMD 规范 ?

  A.Node.js

  B.RequireJS ?

  C.SeaJS

  D.AngularJS

 4.(多选)

已知<div id="outer"><div id="inner" style="width: 100px;"></div></div>,什么情况下 document.querySelector('#inner').offsetWidth === 0 成立:

1.#inner { visibility: hidden }

2.#outer { visibility: hidden }

3.#inner { display: none }

4.#outer { display: none }

5.#inner { opacity: 0 }

6.#outer { opacity: 0 }

5.(多选)

以下哪些元素不是块级元素?

1.label

2.img

3.input

4.form

5.strong

6.ul

6.(多选)

下面执行完output值为1的选项有:

解答:

<script>
   var output=0;
   (function(){
     output++;
   }());
   alert(output);  // 1

 
   var output=0;
   (function(output){
     output++;
   }(output));
    alert(output);  // 0

   
   var output=0;
   (function(){
    output++;
   }(output));
   alert(output);  // 1

   
   var output=0;
   (function() {
    var output = 0;
    (function () {
         output++;
    }());
    } () );
    alert(output);  // 0

   
    var output=0;
    (function() {
        (function () {
        output++;
     }());
     var output = 0;
    } () );
    alert(output);  // 0


    var output=0;
     (function() {
         (function () {
        output++;
        }(output));
    } () );
    alert(output);  // 1

</script>

7.(填空)

     删除给定数组中的第二项和第三项,并且在得到的新的数组中第一项后添加个新的值。

 var arr1 = ['a','b','c','d','e'];
 var arr2 = arr1. __  splice__(___1___,___2___,'newvalue')

8.(填空)

请完成以下填空,用Nodejs实现遍历目录下所有文件并返回的文件列表按文件大小降序排列:

var fs = _____________

function getFileListBySize(path) { 
    var list = []; 
    readFile(path, list); 
    return list.sort(function(a, b) { 
        if (_____________) {
            return -1;
        } 
        else if (a.size < b.size) {
            return 1
        } 
        return 0;
    });
}

function readFile(path, list) {
    files = _____________; 
    files.forEach(walk); 
    function walk(file)  {  
        states = _____________;    
        if (states.isDirectory())   {   
            _____________;  
        }  
        else   {   
            list.push({
                "size": states.size,
                "path": path + '/' + file
            });  
        }  
    }
} 

var filesList = getFileListBySize("d:/exmpale");

9.(问答题)

请封装一个js,面向全站使用,监控全站各个页面JS执行异常并完成数据上报。

 

 

10.(问答题)

给定的如下的HTML结构,请只使 CSS来实现下图中的按钮样式。

要求不能直接使用整个背景图作为背景。

不要求精准的变宽宽度以及颜色等数值。

 

11.(问答题)

假如你想自己实现一个图表库,有哪些技术方案可以选择?讲一下每个方案的优缺点,以及在面对大数据量展现时的优化方案?

 

 

—— (al_me16041719002000) over——

 

 

MT(160411)>>

(Web前端开发笔试&面试_02(others))

1.使用CSS3将一个div水平垂直均居中。写出多种方案。   

  (详见:使用css3将一个div水平和垂直居中显示)

2.使用高效CSS时需要注意的问题。   

  (详见:CSS 在工程中改变——面向对象的CSS (OO CSS))

3.下列函数在页面中依次alert出的内容是:(undefined,2,1,3)

验证截图:

4.对数组 var nums =[1,2,3,2,2,2,2,3,4] 进行去重处理。   

示例答案如下:

  (亦可详见:JS数组元素去重的方法

5.写出能减少网页加载时间的方法,至少5项。   

(详见:减少页面加载时间的方法

6.写出你最擅长的前端技术栈,并说明掌握及应用情况。

 

 

XY(160514)>>

一、编程题

1.请编写一段程序把一个英文句子反转。(用Java语言、C语言、C++语言均可)

   输入:I am a student

   反转后为:student a am I

 

2.用HTML实现下面表格的结构。

 

3.网页中实现一个计算当年还剩多少时间的倒数计时程序,要求网页上实时动态显示“XX年还剩XX天XX时XX分XX秒”

 

二、简答题

  简述CSS盒模型

 

三、数据库题

 

 

 

posted on 2016-04-18 08:30  CuriousZero  阅读(525)  评论(0编辑  收藏  举报

导航