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

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

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

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

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

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

</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盒模型

三、数据库题