面圈网
面试哥
注册登录
搜索
首页
社区
题库
问答广场
求职
职业考试
真题库
新
排行榜
教程
公司
发现
经验笔记
代码片段
技术栈
源码
在线文稿
资源下载
书库
首页
职业考试
美丽联合2018校招前端开发工程师笔试试卷
美丽联合2018校招前端开发工程师笔试试卷
时长:120分钟
总分:100分
120浏览
0人已完成答题
开始做题
题型介绍
题型
单选题
多选题
简答题
数量
10
20
2
1.
以下选项,全部属于块级元素的一项是? (  )
问题详情
查看答案
A. li / p / img / blockquote
B. div / pre / h1 / form
C. form / strong / span / ul
D. fieldset / section / canvas / a
2.
下列js可以让一个input的背景颜色变成红色的是?
问题详情
查看答案
A. inputElement.style.backgroundColor = 'red';
B. inputElement.backgroundColor = 'red'
C. inputElement.style.backgroundColor = '#0000'
D. inputElement.backgroundColor = '#0000'
3.
下面CSS3新增伪类中不正确的一个是?
问题详情
查看答案
A. p:first-of-type
B. p:only-of-child
C. p:nth-child(2)
D. :disabled
4.
下面代码的运行结果是
问题详情
查看答案
A. 1,2,3
B. 1,1,1
C. 4,4,4
D. 3,3,3
5.
"abcdefg".substring(____)的结果是”c" 
问题详情
查看答案
"abcdefg".substring(____)的结果是”c"
A. 3, 4
B. 2, 4
C. 2, 3
D. 1, 2
6.
以下可以设置表单元素为必填项的是
问题详情
查看答案
A. request
B. required
C. require
D. not null
7.
网页中颜色rgb(255,0,0)转换为16进制写法正确的是
问题详情
查看答案
A. #FFFF00
B. #F00
C. #500
D. #F0F0F0
8.
请填入数字,使得输出结果为 1234567 
问题详情
查看答案
请填入数字,使得输出结果为 1234567
A. 1526374
B. 1327465
C. 1237456
D. 1527364
9.
向当前#list的最后元素之后添加100个新的li节点,合理的操作方式是?
问题详情
查看答案
A. 通过循环方式创建新的li节点,并依次添加到#list中
B. 先将#list节点的display设置为none,通过循环方式创建新的li节点,并依次添加到#list中,最后再将#list节点的display设置为block
C. 取出#list中现有的li节点的html,将它与新增的li节点对应的html代码拼接成字符串,一次性插入到#list中
D. 创建Fragment,通过循环方式创建新的li节点,添加到Fragment中,最后再将Fragment添加到#list中
10.
以下的代码,从上到下img标签的背景色依次是 
问题详情
查看答案
以下的代码,从上到下img标签的背景色依次是
A. blue / red / blue / red / blue / orange
B. blue / red / blue / red / blue / blue
C. blue / red / blue / blue / red / blue
D. red / blue / blue / blue / blue / red
11.
以下说法中错误的是
问题详情
查看答案
A. 当元素的 position属性设置为 relative 时,设置的 top、right、bottom、left 偏移值是相对于其父元素的。
B. 当元素的 position属性设置为 absolute 时,设置的 top、right、bottom、left 偏移值是相对于其父元素的。
C. 网页中,rem 作为元素尺寸单位时,是相对 文档根节点的 font-size 进行计算的。
D. 在Microsoft Internet Explorer 中,盒模型默认使用的是 border-box。
12.
下列不等于true是
问题详情
查看答案
A. undefined === null
B. var i = 2 ++i == 2
C. 1 === '1'
D. &quot&quot == 0
13.
以下能用来设置网页数值的单位的是
问题详情
查看答案
A. %
B. px
C. vm
D. rem
14.
以下说法中正确的是
问题详情
查看答案
A. canvas 中绘制的元素不可以通过浏览器提供的接口获取到。
B. SVG 中绘制的元素不可以通过浏览器提供的接口获取到。
C. html 中a标签 target 属性的默认取值是 _self,默认在当前窗口打开。
D. 为了优化网页的SEO效果,常用 javascript 动态生成网页的title、description、keyword。
15.
以下结果等于字符串string的是
问题详情
查看答案
A. typeof 'string'
B. String('string').toString()
C. 'string'.split('').sort().join('')
D. (function(string){return string})('string')
E. JSON.parse('{"string":"string"}').string
F. 'string'.toLocaleLowerCase()
16.
以下关于箭头函数的说法正确的是 
问题详情
查看答案
以下关于箭头函数的说法正确的是
A. 箭头函数不可以作为构造函数使用。
B. 箭头函数不绑定自己的this指针。
C. 箭头函数绑定自己的 arguments。
D. 箭头函数只能作为匿名函数使用。
17.
关于栈(stack)和堆(heap),下列说法正确的是
问题详情
查看答案
A. 基本类型存放在栈(stack)中
B. 引用类型存放在堆(heap)中
C. 指向引用类型的地址存放在栈(stack)中
D. 栈是一种FIFO(先进先出)的数据结构
18.
以下关于JSON的说法错误的是
问题详情
查看答案
A. JSON 是 javascript 的子集。
B. JSON中属性名称必须是双引号字符串。
C. JSON中属性前可以加双引号进行注释
D. JSON最后一个属性后面不能有逗号
19.
同源策略指哪几部分相同
问题详情
查看答案
A. domain
B. port
C. protocal
D. path
20.
以下关于同源策略的说法错误的是
问题详情
查看答案
A. js、css资源不受同源策略限制
B. 两个页面的域名和端口相同,则这两个页面同源
C. 服务端也受到同源策略限制
D. 放开同源策略会导致巨大安全隐患
21.
以下描述正确的是?
问题详情
查看答案
A. a1与a2是通过构造函数A实例化得到的两个对象,且a1.foo()与a2.foo()调用的是同一个方法
B. 代码最末尾处对a1.bar进行修改,A.prototype上的bar也被修改
C. 调用a2.bar,会顺着原型链查找到A.prototype.bar并调用它
D. 如果继续在代码尾部修改A.prototype.bar,a1.bar不受影响
22.
在前端开发过程中使用 use strict 模式的目的是什么?
问题详情
查看答案
B. 消除代码运行的一些不安全之处,保证代码运行的安全
C. 提高编译器效率,增加运行速度
D. 为未来新版本的Javascript做好铺垫
A. 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为
23.
HTTP协议中可以控制缓存的有哪些?
问题详情
查看答案
A. cache-control
B. Expires
C. Last-Modified
D. ETag
24.
以下对Javascript作用域链的理解正确的是?
问题详情
查看答案
A. 作用域链的作用是保证执行环境里有权访问的变量和函数是有序的
B. 作用域链的变量只能向上访问
C. 变量访问到window对象即被终止
D. 作用域链也是允许向下访问变量的
25.
cookie 和 session 的区别描述正确的是
问题详情
查看答案
A. cookie数据存放在客户的浏览器上,session数据放在服务器
B. cookie不是很安全,别人可以分析存放在本地的COOKIE并进行COOKIE欺骗
C. session会在一定时间内保存在服务器上。当访问增多,会比较占用你服务器的性能
D. 单个cookie保存的数据不能超过4K,很多浏览器都限制一个站点最多保存20个cookie
26.
声明var a = b = true,下列b等于true的是
问题详情
查看答案
A. if( a === b ){ b = !false }
B. while (a == true) { b = a = false }
C. b = a === false ? false : true
D. for(var i = 0i&lt3 i++){b=i%2==a}
27.
下列无效的CSS选择器的是
问题详情
查看答案
A. .className a
B. .className .a
C. a.className a
D. a.className .a
E. span[data-type=1]
F. .className:first-child
G. div:before
H. i:span
28.
关于XML和JSON区别的描述正确的是
问题详情
查看答案
A. JSON相对于XML来讲,数据的体积小,传递的速度更快些
B. JSON与JavaScript的交互更加方便,更容易解析处理,更好的数据交互
C. JSON对数据的描述性比XML较好
D. JSON的速度要远远快于XML
29.
以下代码,想要实现 a.add() 计算 a.x+a.y 的值,以下可行的...
问题详情
查看答案
以下代码,想要实现 a.add() 计算 a.x+a.y 的值,以下可行的方式有
A. b.add.call(a)
B. b.add.apply(a)
C. b.add.excute(a)
D. b.add.bind(a)
30.
下列哪些情况可触发reflow
问题详情
查看答案
A. 改变块级元素的width/height
B. 改变background-color
C. visibility:hidden
D. 改变font-size
31.
试着编写一个 arrayMerge() 函数,实现该函数被调用时,传递任意...
问题详情
查看答案
试着编写一个 arrayMerge() 函数,实现该函数被调用时,传递任意数量的数组,返回一个合并后的数组(可不局限于一种实现)。
32.
请用代码实现如下倒计时组件(包括HTML,JS,CSS代码),要求:支持单...
问题详情
查看答案
请用代码实现如下倒计时组件(包括HTML,JS,CSS代码),要求:支持单页面多次调用及移动端显示;
开始测试
×
确定开始答题吗? 一旦开始,将马上开始计时。
提
问题
写
面经
写
文章
微信
公众号
扫码关注公众号
回到
顶部
登录
×
微信登录
账号登录
验证码登录
记住我
登 录
忘记密码?
没有帐户?
立即注册
获取短信验证码
登 录
没有帐户?
立即注册
注册帐号
×
获取短信验证码
我已阅读并同意
《服务协议》
注 册
已有帐号?
立即登录