2025年前端工程师入门技能测评真题集锦_第1页
2025年前端工程师入门技能测评真题集锦_第2页
2025年前端工程师入门技能测评真题集锦_第3页
2025年前端工程师入门技能测评真题集锦_第4页
2025年前端工程师入门技能测评真题集锦_第5页
已阅读5页,还剩6页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

前端精英班入学测试题

Name:___满分Array.Score

选择题每题2分,合计70分;代码题每题4分,合计20分;简答题每题6分,合计

3。分;

选择题和代码题重要考察的基本知识点的理解,而简答题重要考察体现能力.

一、单项选择题(每题2分)

1.下面标签中不属于html构造标签的是:d

(A)DOCTYPE

(B)html

(C)title

(D)div

2.下面哪一项不是mate标签的作用d

(A)描述页面的内容

(B)提高页面关键字的权重

(C)页面使用的编码

(D)管理页面上因此的标签

3.下面哪些操作内容可以在html中被有html代码中被识别:A

(A)一种空格

(B)一种换行

(C)一种缩进

(D)以上都不可以

4.

▼Bdemo

▼白image

国img.gif

国index.html

在上面构造中,哪种写法可以在index页面中有输出img.gifB

(A)<imgsrc=w../image/img.gifw/>

(B)<imgsrc="image/img.gif”/>

(C)<imgsrc=wimage../img.gif^/>

(D)<imgsrc=J,img.gif/imagew/>

5.下面哪些代码不能成功注释?D

<body>

<!--<p>我是要注释的内容</p>-->

</body>

<style>

p

/*color:red;*/

〈/style〉

<script>

vana

</script>mH-

<style>

P1

//color:red;

)

</style>

6.哪些标签在页面上没有语义的D

(A)p(B)h

(C)input(D)span

7.下面哪段代码可以在页面上显示一•种输入框,并且默认输入框上的文字是"admin”C

(A)<inputtype=,,text>>/>

(B)<inputtype="text"name=wadminw/>

(C)<inputtype=wtext,Jvalue=J,adminJ,/>

(D)<inputtype="text"id="admin”/>

8.下面哪些标签不属于表单元素:D

(A)<inputtype="text"/>

(B)<inputtype="button”/>

(C)<textareax/textarea>

(D)<divx/div>

9.一种盒模型,它有如下属性。那么,它真实占有的宽爱是多少?D

1width:200px;

height:200px;

border:lpxsolidred;

4padding:10px20px;

(A)200px;

(B)202px;

(C)222px;

(D)242px;

10.“相对定位”是相对何者定位?B

(A)离自己近来的己经定位了的祖先盒子

(B)自己本来的位置

(C)浏览器窗口的左上角

(D)页面版心

11.CSS的三种样式中哪种样式的优先级最高:A

(A)行内样式

(B)内联样式

(C)外部样式

(D)三种样式优先级同样

12.下面为块级元素标签的是A

(A)div(B)span(C)strong(D)em

13.怎样让一种div的显示方式与span标签同样的B

(A)display:block

(B)display:inline

(C)display:inline-block

(D)display:block-inline

14.在w3c中规定html决定页面的:A

(A)构造

(B)样式

(C)行为

(D)以上都不对的

15.下面哪些不属于css的特点A

(A)封装

(B)继承

(C)层叠

(D)优先级

16.下面的代码与成果中,哪个是对的的A

<style>

.father—{

Line-height:19px;

1

</style>

</head>

<body>

<divclass="father">

<div。1355="50/>我的行高〃€1回)

(A)</div>行高为19

<style>

.father{

coLor:red;

}

</style>

</head>

<oody>

<divclass="father">

<ahref=M#"class="son">我的颜色</a>

|</Jiv>

(B)颜色为红色

<style>

.father{

font-size:20px;

)

</style>

</hea(>

<body>

<divclass=nfather">

<iclass="son">我的大小</h>

;c)■大小为20Px

(D)以上成果都对的

17.假如但愿一行上的文字与图片居中对齐,可以设置哪个属性:c

(A)margin:0auto;

(B)text-aline:center

(C)vertical-align:middle

(D)float:left

18.伪类的排序对的的是:B

(A)linkvisitedactivehover

(B)linkvisitedhoveractive

(C)visitedlinkhoveractive

(D)visitedlinkactivehover

19.计算盒子模型的宽度不计算下面哪个属性:C

(A)border

(B)padding

(C)margin

(D)width

20.下面哪段代码会出现盒子的“塌陷”现象:A

div{

}

.father{

width:200px;

height:200px;

background:red;

)

.son{

margin-top:10px;

width:100px;

height:100px;

background:blue;

)

</style>

</head>

<bod>

<class="father">

<livclass="son"X/div>

</div>

.father{

width:200px;

height:200px;

background:red;

margin-bottom:20px;

)

.son{

margin-top:10px;

width:100px;

height:100px;

background:blue;

}

</style>

</head>

<ood>

<divclass="father,,X/div>

<divclass="son"></div>

(B)

.one(

margin-right:10px;

)

.two(

margin-Left120px;

)

</style>

</head>

<body>

<spanclass="one">我是第—个span〈/span>

<spanclass="two")我是第二个span</、pan>

(D)没有对的答案

<divclass="father")

<pclass="son”>我是p标签</>

21.</div>卜.面哪种写法会选中p标签:c

(A)p.fatherp.son

(D).fatherp.son

(C)div.father.son

(D)p.fatherp.son

<divclass="father">

<pclass二"son“>我是p标签</>

22.有这样•种构造</div>,判断下面哪个说

法是不对的的A

.father{

coLor:blue;

}

,son{

coLor:red;

(A)文字的颜色为蓝色

.father.son{

coLor:blue;

)

divp{

coLor:red;

(B)■文字的颜色为蓝色

div.fatherp.son{

coLortblue;

}

divp(

coLorired;

(C)l文字的颜色为蓝色

div.father.son{

coLor:blue;

)

divp.son{

coLor:red;

(D)I文字的颜色为蓝色

<divclass=,,fathern>

<divclass=,,onen>one</div>

<divclass=,,two,,>two</div>

</div>假

如要让one盒子在左侧显示,tw。盒子在右侧显示,那么css代码应当是:A

(A).one(float:left).two(float:right)

(B).one{float:left}.two{float:left}

(C).one(float:right}.two(float:right)

(D).one{float:right}.two{float:left}

24.如下哪个成果是NaN?C

(A)vara="123”;varb=123;alert(a+b);

(B)vara="123";varb=Number(a);

(C)vara="abc”,varb=Number(a);

(D)vara="123",varb=wNaNw;alert(a+b);

25.font可以同步设置几种属性,下面哪个属性是font不可以设置的D

(A)font-size

(B)font-style

(C)font-weight

(D)font-color

26.padding:10px20px30px40px的设置的次序是:D

(A)上10px、右2Cpx、左30px、下40px

(B)上10px、下2Cpx、左30px、右40px

(C)下10px、上20pXs左30px、右40px

(D)上10px、右20px、下30px、左40px

27.如下哪些操作不会脱高流B

(A)浮动

(B)相对定位

(C)绝对定位

(D)固定定位

28.分析如下的JavaScript代码段,运行后的成果是(D)

varnum=1;

setTimeout(function(){num=2;},100);

alert(num)

(A)1

(B)2

(C)3

(D)页面报错,语法有问题

29.有关标签的命名中哪一种写法对的:A

(A)<pclass=wone我是p标签</p>

(B)<pid-wonetwo">我是p标签</p>

(C)<pid="_2bac”>我是p标签</p>

(D)<pid="$abc">我是p标签</p〉

30.在javascript中不存在哪些数据类型D

(A)string

(B)number

(C)boolean

(D)int

<scripl>

vara=123;

varb="123”;

alert(a+b);|

</scrip-t>

31.输出的成果是什么?A

(A)123123

(B)246

(C)123

(D)没有对的成果

32.下列名称中,能作为变量名的是(A)

(A)pArray

(B)this

(C)function

(D)*pNumber

33.vara=10;b=20:c=4;++b+c+a++如下哪个成果是对的的?B

(A)34

(B)35

(C)36

(D)37

34.选择器#boxp,下列说法中对的的是(B)

(A)选择的是id为box的元素的所有直接子元素p

(B)选择的是id为box的元素的所有后裔元素p

(C)选择的是id为box的元素的第一种子元素p

(D)选择的是id为box的元素的第一种后裔元素p

35.已知varnum=10;下面哪个是将num转换为布尔型的语法(C)

A.!!num;B.||numC.boolean(num)D.number(num)

二、代码题(每题4分)

36.请分别写出去掉li标签和a标签默认样式的属性。

<styletype="text/css”>

li{

liststyle:none;

)

a{

Text-decition;none;

)

<style>

37.根据下面代码的,推断出成果。

for(vari=1;i<10;i=i+1){

if(i%2==0){

i=i*2;

)

console.log(i);

)4

38.看下面的js程序,将输出什么?

varnum=10;

functionfn(){

num=20;

alert(num)

)

alert(num)

39.用for循环打印10

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论