4399公司2017秋招前端笔试试卷

 

1、关于数据结构，下列描述当中，正确的是（）
正确答案: C
在深度为5的满二叉树中，叶子节点的个数为32
队列，栈以及二叉树都是线性结构
算法的复杂度主要包括时间复杂度和空间复杂度
在待排序的元素序列基本有序的前提下，效率最高的排序方法是堆排序
队列的操作方式是先进后出
解：
A错误 深度为5的满二叉树有2^(k-1)个叶子结点，所以为16个叶子节点。
B错误 二叉树不是线性结构。
D错误 在带排序列基本有序的情况下插入排序效率最高
E错误 队列是先进先出
2、以下 javascript 代码，在浏览器中运行的结果是（）

正确答案: B
true
string
undefined
false
number
3、下列关于 http 状态码描述正确的是（）
正确答案: C
404读取浏览器缓存，502错误网关
404找不到资源，403服务器错误
500服务器错误，304读取浏览器缓存
304服务器错误，200请求成功
500找不到资源，200请求成功
解：
100 服务请求中；
200 服务请求成功；
304 没有被修改，读取的内容为缓存；
403 禁止访问(Forbidden)；
404 没有找到要访问的内容（Not Found)；
500 内部服务器错误。
502 无效请求

 

4、

 

以上 javascript 代码，在浏览器中运行的结果是
正确答案: A
[2,2,3,1,1,2]
[2,1,2,1,1,2]
[2,2,3,1,[1,2]]
[2,1,2,1,[1,2]]
5、关于操作系统，下列描述当前，错误的是（）
正确答案: C
进程间的基本关系为同步与互斥
并发性是指若干事件在同一时间内间隔内发生
如果某一进程在运行时，因某种原因暂停，此时将脱离运行状态，而进入自由状态
产生死锁的必要条件：互斥条件，请求与保持条件，不剥夺条件以及循环等待条件
进程的特性包括：动态性，并发性以及异步性
解：进程因为时间片轮状而暂停，可能进入就绪态，就绪挂起态。因为等待某个资源，可能进入阻塞态，阻塞挂起态。
6、在浏览器控制台执行以下代码，输入的结果是（）

正确答案: A
4400 4401 4399 4400
4400 4401 4401 4402
4400 4400 4399 4400
4400 4401 4399 4402
4400 4401 4401 4400
7、关于计算机网络，下列描述当中，正确的是（）
正确答案: C
在同一信道上同一时刻，可进行双向数据传送的通信方式是半双工
TCP协议是无连接的；UDP协议是面向连接的
假设一个主机的ip地址为192.168.8.123，而子网掩码为255.255.255.248，那么该主机的网络号是192.168.8.120
计算机网络中的OSI结构分别是：物理层，数据链路层，传输层，会话层，表示层，应用层
8、关于数据库，下列描述中，正确的是
正确答案: A D
having 和where都是用来筛选用的，having是筛选组，而where是筛选记录
在sql中，关键字delete表示直接删除表，而drop表示删除表中数据
主键是能确定一条记录的唯一标识，不能有重复，允许为空
在数据库设计中，一个多对多的关系可通过一个中间表分为两个一对多的关系
数据库设计的三大范式当中，第二范式要求一个数据库表中不包含已在其他表中包含的非主关键字信息
解：数据库的三大范式
9、在 css 选择器当中，优先级排序正确的是
正确答案: B
id选择器>标签选择器>类选择器
id选择器>类选择器>标签选择器
类选择器>标签选择器>id选择器
标签选择器>类选择器>id选择器
10、关于 css 布局中的 BFC ，描述错误的是
正确答案: A
BFC的区域会与float的元素区域重叠
计算BFC的高度时，浮动子元素也参与计算
BFC就是页面上的一个隔离的独立容器，容器里面的子元素是不会影响到外面的元素
BFC意为”块级格式化上下文”
解：BFC的区域不会与float的元素区域重叠，BFC的高度不包括浮动子元素的高度【掌握】
11、下列的关于 ajax 描述当中，错误的是
正确答案: C
ajax是异步javascript和xml，用于在web页面中实现异步数据交互
ajax的核心对象是xmlhttprequest
ajax的状态码1代表正在发送请求，2代表正在解析响应内容，可通过ajax.status获取
ajax的缺点是对搜索引擎不友好，并且存在跨域问题限制
要实现ajax下的前后退功能成本较大
解：
0：未初始化，没调用send（）方法
1：载入 调用send（）方法
2：send方法调用完成
3：正在解析交互内容
4：解析内容完成 

 

12、

 

以上 javascript 代码，在浏览器中运行的结果是
正确答案: A
1 2 3
undefined 2 1
报错
1 2 1
13、在 javascript 中，不属于基本类型的是
正确答案: A
date
number
null
undefined
string
boolean
14、下列描述中，关于 js 函数定义方式，正确的是
正确答案: C
function add(a,b){return a+b;}函数表达式
var add=new Function(‘a’,’b’,’return a+b’)函数表达式
function add(a,b){return a+b;}函数声明
var add=function(a,b){return a+b;}函数声明
var add=new Function(‘a’,’b’,’return a+b’);函数声明

 

15、

 

以上 javascript 代码执行后， 浏览器 alert 出来的结果分别是
正确答案: B
undefined,red
green,blue
undefined,blue
green,undefined
blued,undefined
16、下列描述中，错误的是
正确答案: C
SQL语言又称为结构化查询语言
java中”static”关键字表明一个成员变量或者是成员方法可以在没有所属的类的实例变量的情况下被访问
面向对象开发中，引用传递意味着传递的并不是实际的对象，而是对象的引用，因此，外部对引用对象所做的改变不会反映到所引用的对象上
java是强类型语言，javascript是弱类型语言
面向对象的三大特性包括：封装，继承，多态
17、关于 javascript 模块化，下列描述错误的是
正确答案: C
模块化有利于管理模块间的依赖，更依赖模块的维护
主流的模块化包括CommonJS,AMD,CMD等
Sea.js遵循AMD规范，RequireJS遵循CMD规范
AMD推崇依赖前置，CMD推崇依赖就近
解：
AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。
CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。
区别：
1. 对于依赖的模块，AMD 是提前执行，CMD 是延迟执行。
2. CMD 推崇依赖就近，AMD 推崇依赖前置。
18、w3c 制定的 javascript 标准事件模型，以下正确的顺序以及描述是
正确答案: B
事件捕获>事件冒泡
事件捕获->事件处理->事件冒泡
事件冒泡->事件处理
事件冒泡->事件处理->事件捕获
事件处理->事件捕获->事件冒泡
19、以下描述错误的是
正确答案: A
cookie以及loaclstorage都会伴随着http请求发送到服务器
get提交的url会有长度的限制，而post提交的数据则可以比较大
在javascript中可以操作cookie
javascript在浏览器的执行是单线程的
html5中的新增存储方式包括localstorage/sessionsTORAGE
20、以下 jquery 对象方法中，使用了事件委托的是
正确答案: E
bind
mousedown
click
change
on
解：on 一般是点击父元素上，父元素代理子元素 
BCD都属于事件
A已被淘汰
21、以下 json 格式数据，错误的是
正确答案: A C
{company：4399}
{"company":{"name":[4399,4399,4399]}}
{[4399,4399,4399]}
{"company":[4399,4399,4399]}
{"company":{"name":4399}}
22、以下 javascript 代码，在浏览器中运行的结果是

正确答案: B
first,second,first,second..依次顺序输出
首先全部输出first，然后全部输出second
first，second无顺序输出
首先输出first，超出5ms输出所有second，最后输出余下的first
23、以下 jquery 方法中，实现跨域的是
正确答案: B
get
getJSON
load
post
each
24、在 javascript 中，用于阻止默认事件的默认操作的方法是
正确答案: E
stopDeafault()
stopPropagation()
preventPropagation()
preventDefaultEven()
preventDefault()

 

25、

 

以上代码，在浏览器中执行的结果是
正确答案: D
9999 8889
10000 8888
4400 8889
9999 4400
4400 4400
解：首先会在对象自身查找属性，没找到时会向原型查找。
26、关于javascript，以下选项描述错误的是
正确答案: D
在原型上扩展的可枚举方法，会被for in循环出来
使用object.defineProperty可向对象添加或者修改属性
每个对象都有prototype属性，返回对象类型原型的引用
通过hasOwnProperty可判断一个对象以及其原型链上是否具有指定名称的属性
原型和原型链是JS实现继承的一种模型
27、下列 html 语义化标签中，描述存在错误的是
正确答案: E
<em>强调文字，<blockquote>长文本引用
<strong>强调文字，<h1>文章栏目标题
<a>超链接，<p>文章段落
<section>定义文档中的节，<nav>导航
<ul>有序列表。<ol>无序列表
28、以下选择中，都属于 mvvm/mvc 框架的是
正确答案: B
jquery，zepto
angular，vue
zepto，angular
query，underscore
jquery，react
zepton，node
29、下列 html 元素当中，都属于块级元素的是
正确答案: A
h3，ul，form，table，p
h2，table，ul，a，input
p，ul，form，div，strong
div，p，h1，table，span
30、css 中可继承的属性有哪些
正确答案: B E
height
font-size
border
width
color
31、在前端数据访问过程中，由于同源策略的限制，往往会遇到一些跨域的问题，以下哪些手段可以解决跨域的问题
正确答案: A B C D E
利用HTML5 postMessage
利用document.domain+iframe的设置
通过服务端niginx配置跨域
利用iframe+location.hash
windows,name实现跨域数据传输
32、常见的浏览器及其内核对应关系正确的有（）
正确答案: A B
chrome--WebKit
Safari--WebKit
IE-Gecko
Opera--Presto
Firefox--Trident
解：
chrome--WebKit
Safari--WebKit
IE-Trident
Opera--WebKit
Firefox--Gecko
33、以下适合在客户端做数据持久化存储的数据的有
正确答案: B D
redis
localStorage
sessionStorage
userData
34、前端常见的打包工具有（）
正确答案: B C D
ant
webpack
gulp
grunt
bower
解：
ant是java构建工具
webpack感觉最常用的打包工具
gulp是工具链做各种js css压缩
grunt是基于nodejs的打包
bower包管理器主要管理外部依赖
35、在 es6 中，下面程序运行结果输出，选项结果正确的是

正确答案: D
11,13,3,12,[3,4]
i not defined ,TypeError,TypeErrpr,4
11,12,3,3,4
i not defined,TypeError,3,12,[2,3,4]
36、进程主要组成部分包括（）
正确答案: A B F
数据
PCB
指令指针
堆栈
寄存器集合
程序
解：进程主要组成部分：数据、PCB、程序
37、一个简单的计算机网络 3 个主要组成部分是
正确答案: A C E
一个通信子网
大量终端
一系列通信协议
若干数据库
若干主机
解：一个简单的计算机网组成：一个通信子网、一系列通信协议、若干主机
38、如果让你来设计一个批处理多道系统，首先要考虑的是
正确答案: C D
实时性
交互性
吞吐量
系统效率
响应时间
可靠性
解：批处理多道系统首先要考虑的是：吞吐量、系统效率
39、下列叙述正确的是
正确答案: A C E
一次I/0请求对应一个I/O请求包
多次I/0请求对应一个I/O请求包
每次I/0请求都对应一个I/O请求包
两次I/0操作可对应一个I/O请求包
每次I/0操作都会有对应I/O请求包
解：
每次I/0请求都对应一个I/O请求包
每次I/0操作都会有对应I/O请求包
40、已知一个二叉树的后序遍历的结果为 AEFDHZMG, 那么它的中序遍历为（）前序遍历为（）
正确答案: B D
ADEFHMGZ
ADEFGHMZ
GDAEFMHZ
GDAFEMHZ
41、linux 创建文件的命令有（）
正确答案: B C D E
ls
touch
cat
vi/vim
>
解：Linux创建文件的命令：touch、cat、vi/vim、>
42、在数据结构中，以下不适合用树来表示的有（）
正确答案: A D
元素之前无联系的数据
有序数据元素
元素之间具有分支层次关系的数据
无序数据元素
43、数据链路层主要功能包括（）
正确答案: A B D
差错控制
提供对物理层的控制
决定传输报文的最佳路由
流量控制
解：数据链路层主要功能：差错控制、控制物理层、流量传输。
44、以下选项中哪些属于原生 js 操作数组的方法
正确答案: A B D E F G
splice
shift
resort
sort
pop
push
unshift
45、请描述一下 cookies ， sessionStorage 和 localStorage 的区别
答案：
cookie:有大小限制，4k左右，每个域名下最多20个，不安全，每次get请求都会被发送到服务器，浪费带宽。
sessionStorage和localStorage：通过js在客户端保存数据。
localStorage：在客户端永久保存，不删除不消失。同域名下多页面之间数据共享。
sessionStorage：页面关闭后就会消失，相同域名下页面之间数据无法共享。
46、请列举html5本地存储（ localStorage ）相关api，并实现getAll方法，获取本地存储。【掌握】
答案：
setItem(key,value) 添加数据
getItem(key) 根据key获取值
key(index) 根据索引获取key
removeItem(key) 根据key删除一条数据
clear() 清空数据
length:获取总数据的长度
getAll()获取键值对：
function getAll() {
    for (let i = 0; i < localStorage.length; i++) {
        let key = localStorage.key(i)
        let value = localStorage.getItem(key)
        console.log(key + ":" + value)
    }
}
47、css3 有哪些新特性
答案：
圆角、过度、缩放、旋转、图片边框、文字阴影、边框阴影、媒体查询、多栏布局、线性渐变
48、在 javascript 中，以下返回 false 的选项是
正确答案: B
var test=1;typeof test=='number';
var test=1.2;typeof test=='float';
var test=undefined;typeof test=='undefined';
var test={};typeof test=='object';
var test='4399'-0;typeof test=='number';
var test=null;typeof test=='object';
49、html5和css3实现下面效果，总宽度是页面的90%，1,2,3宽度相等，注意移动端不同分辨率宽度自适应。

答案：弹性盒布局

 

<div id="flexBox">
	<div id="item">1</div>
	<div id="item">2</div>
	<div id="item">3</div>
</div>
#flexBox{
	width:100%;
	display:flex;
	justify-content:center;
}
#item{
	height:50px;
	border:1px solid #ccc;
	width:30%;
	text-align:center;
}

50、在一个html静态网站里A页面需要跳转并传递相关数据到B页面（两个页面处于同个域名下）请按照你对此场景的理解写出N中页面之前传参的代码（只需写出A页面传递参数及B页面接收参数的js关键代码）
解：

A页面
<input type="text" id="txt" />
<button id="submit">submit</button>
<script>
	var val=document.getElementById("txt").value;
	var button=document.getElementById("submit");
	button.onclick=function(){
	location.href="b.html?"+"txt="+encodeURIComponent(val);
	};
</script>
B页面：
<script language="javascript" type="text/javascript">
	var url = location.href;
	var n1 = url.length;//地址的总长度
	var n2 = url.indexOf("=");//取得=号的位置
	var txt = decodeURIComponent(url.substr(n2+1, n1-n2)); //获取=号后面的内容
	alert(txt);
</script>