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

时间:2024-07-29 08:03:43

—— (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来实现下图中的按钮样式。

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

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

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

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

三、数据库题