前端笔试知识点（⼀）

的五种取值_blank（新窗⼝打开）_self（当前页⾯打开）_parent（在⽗框架中打开）_top（在整个窗⼝打开）

framename（指定框架打开）

2.便于插⼊和删除的容器是list、map、set

3.样式优先级：

!important>id选择器>类选择器=属性选择器=伪类选择器>标签选择器=伪元素选择器>通⽤选择器>继承

内联样式>内部样式>外部样式

4.H5中⽤于获取⽤户当前位置的⽅法：getCurrentPosition()

5.H5规范声明：应使⽤

~

来表⽰标题，使⽤来表⽰强调的⽂本，使⽤来表⽰重要⽂本，使⽤来表⽰标注的/

突出显⽰的⽂本，再没有其他的合适的标签时，才⽤作为最后的选项。

d基本UI控件

ScrollView：垂直滚动条

HorizontalScrollView：⽔平滚动条

ScrollView是FrameLayout的容器，在其基础上添加了滚动，允许显⽰⽐实际多的内容。

注意，只能往ScrollView中放置⼀个⼦元素，可以是单⼀的组件，或者是⼀个布局包裹着的复杂的层次结构。

应⽤场景：⼀般对于可能显⽰不完内容的情况，我们可以直接在布局的外层套个ScrollView或HorizontalScrollView。

7.⾃定义列表格式

8.四种触摸事件（touch类事件）

touchstart：⼿指触摸到屏幕时触发

touchmove：⼿指在屏幕上移动时触发

touchend：⼿指离开屏幕时触发

touchcancel：可由系统进⾏的触发，⽐如⼿指触摸屏幕的时候，突然alert了⼀下，或者系统中其他打断了touch的⾏为，则可以触发该事

件

9.四种触碰事件（tap类事件）

tap：⼿指碰⼀下屏幕会触发

longTap：⼿指长按屏幕会触发

singleTap：⼿指碰⼀个屏幕会触发

doubleTap：⼿指双击屏幕会触发

10.五种滑动事件（swipe类事件）

swipe：⼿指在屏幕上滑动时会触发

swipeLeft：⼿指在屏幕上向左滑动时会触发

swipeRight：⼿指在屏幕上向右滑动时会触发

swipeUp：⼿指在屏幕上向上滑动时会触发

swipeDown：⼿指在屏幕上向下滑动时会触发

11.注释格式

css注释：/*...*/

html注释：

js注释：//...或/*...*/

6出版后，js的原始数据类型有6种，Undefined、Null、Boolean、Number、String、Symbol

其中，undefined是由null派⽣出来的，==会⾃动将其转化为null，故返回true；如果是严格⽐较符===，则不会发⽣转化，故会返回

false。

5内建对象text()⽤于在画布上绘制，返回⼀个⽤于在画布上绘图的环境。

中的$(selector).fadeTo()⽅法可以设置元素渐变为给定的不透明度。

$(selector).fadeIn(speed,callback);淡⼊已隐藏得元素

$(selector).fadeOut(speed,callback);淡出

$(selector).fadeToggle(speed,callback)在淡⼊淡出之间切换

参数speed：规定效果的时长，可取’slow’、'fast’或毫秒

参数callback：可选，效果执⾏完后执⾏的函数名称

$(selector).fadeTo()元素渐变为给定的不透明度（值介于0与1之间）

参数speed：规定效果的时长，可取’slow’、'fast’或毫秒

参数opacity：不透明度

参数callback：可选，效果执⾏完后执⾏的函数名称

15.在H5中，可以直接将SVG元素嵌⼊HTML页⾯中。

16.假设val已经声明，可定义为任何值，则下⾯js代码有可能的输出结果为？

('Valueis'+(val!='0')?'define':'undefined';

加号运算符优先级⾼于三⽬运算符，低于括号，故括号中的值⽆论是真或假加上前⾯的字符串都是字符串,为true，输出’define’

17.在js中，全局变量在函数外声明，并可从脚本的任何位置访问

元素默认值为0的CSS属性：margin、padding

div元素默认值不为0的CSS属性：

border-top-width：设置⼀个元素的顶部边框的宽度，默认值为medium（thin–细，medium–中等，thick–粗，可⾃定px）

outline-width：指定轮廓的宽度，位于边框的边缘外围，默认值为medium（thin–细，medium–中等，thick–粗，可⾃定px）

19.标签（⾏内块元素）定义图形，它只是图形容器，必须使⽤脚本来绘制图形。

实例：

letcanvas=mentById('myCanvas');

letkk=text('2d');

yle='red';

ct(0,0,80,100);//x,y,width，height

20.

标签定义了⼀个容器，⽤来嵌⼊外部应⽤或互动程序（插件）

标签定义块引⽤，

之间的所有⽂本都会从常规⽂本中分离，浏览器在blockquote元素前后添加了换

⾏，在左右两边进⾏缩进（增加外边距），即块引⽤有⾃⼰的空间。

实例：

12312

dvadcs

123

21.

onchange：⽤户改变域的内容时触发

onkeypress：某个键盘的键被按下或按住时触发

onmousedown：某个⿏标按键被按下时触发

onfocus：元素获取焦点时触发

onblur：元素失去焦点时触发

onload：元素（⽂档、框架或图像）被载⼊时触发

onreset：表单元素被重置时触发

22.关于js中的call和apply

call和apply都是属于ype的⼀个⽅法，故每个function实例都有call、apply属性

23.表单提交时会触发submit()⽅法()，onsubmit事件onsubmit=执⾏动作

24.没有text-color这个属性，⽂字颜⾊⽤color属性

的有效时间默认为-1，如果不设置默认在浏览器会话关闭时结束。

可以通过setMaxAge()⽅法设置cookie的⽣命期。

当setMaxAge(0)时表⽰⽴即删除该浏览器上指定的cookie

26.对于form表单中的input元素的readonly和disabled属性：

⽆论设置readonly还是disabled，通过js脚本都能更改input的value。

readonly规定input输⼊字段为只读，input的value会随着表单提交；⽽disabled规定禁⽤此input元素，input的value不会随着表单提

交。

如何使⽤服务端的字体：@font-face

语法：@font-face{font-family:name;src:url(URL);sRules}

参数font-family：字体名称

参数src：使⽤绝对或相对地址指定OpenType字体

参数sRules：样式表定义

28.若⼦元素都为浮动，可以解决⽗类⾼度塌陷问题的⽅法有：

（1）额外标签法

在浮动元素下⽅添加空div，并添加样式clear:both;

（2）给⽗元素添加overflow:hidden;

通过触发BFC的⽅式，实现清除浮动效果

（3）使⽤after伪元素

设置⽗元素:after{content:’’;clear:both;display:block;}

（4）使⽤before和after双伪元素

（DynamicHTML）将HTML、JS、CSS以及DOM组合在⼀起，⽤于创造动态性更强的⽹页。通过DOM、CSS、JS动态地

改变HTML元素的样式。

DOM动态样式的作⽤是：使⽹页作者改变内容的外部特性，但不强制⽤户再次下载全部内容。

30.在使⽤table表现数据时，有时候表现出来的会⽐⾃⼰实际设置的宽度要宽，为此需要设置：cellpadding（每个单元格内边距）=

‘0’和cellspacing（每个单元格外边距）=‘0’

(obj)⽅法

返回⼀个由给定对象的⾃⾝可枚举属性名组成的数组

letobj={

name:'kkk',

age:12

}

((obj))

中filter:alpha()和opacity

filter:alpha()和opacity都是设置透明度的，但是opacity在IE8及以下是不兼容的，故要设置filter

opacity值的范围：0~1,0为完全透明，1为完全不透明

(opacity)中opacity的范围：0~100，0为完全透明，1为完全不透明

()的基本属性：

(opacity=?,finishopacity=?,style=?,startX=?,startY=?,finishX=?,finishY=?)

参数opacity：不透明度

参数finishopacity：设置渐变的透明效果时，⽤于指定结束时的透明度

参数style：设置渐变透明的样式，值为0表⽰统⼀形状、1表⽰线性、2表⽰放射状、3表⽰长⽅形

参数startX和startY：渐变透明效果开始时的X和Y坐标

参数finishX和finishY：渐变透明效果结束时的X和Y坐标

33.

btn-group能将按钮组成按钮组，可以嵌套使⽤

可使⽤btn-group-lg和btn-group-sm来调整按钮⼤⼩

btn-toolbar能将btn做成复杂组件

元素本⾝不具有语义，但可以结合class、title、lang属性来表⽰具有语义的⼀组内容

元素⽤于表⽰时间，address元素⽤于表⽰地址

et元素⽤于对表单控件进⾏分组，legend元素⽤来表⽰它的标题

37.标签⽤于给引⽤的短句添加引号，可选属性cite指明引⽤的出处或来源

⼤哲学家曾经说过：

⼈是铁饭是钢⼀顿不吃饿得慌

标签在本质上与

是⼀样的，不同之处在于它们的显⽰和应⽤。标签⽤于简短的⾏内引⽤，如果需要从周围内容分离

出来⽐较长的部分（通常显⽰为缩进的块），使⽤

标签。

38.数据序列化技术：JSON、PropertyList（属性列表）、ProtocalBuffer（）、XML

39.字符串的match()⽅法⽤于查找匹配的字符

(/b+/g)匹配⾄少由⼀个b组成的字符串

(/b*/g)匹配不含b，或由⼀个或多个b组成的字符串

(/b{1,4}/g)匹配由最少1个b，最多4个b组成的字符串

6中的三种状态

（1）pending未决

（2）reslove成功

（3）reject拒绝

实现继承的⽅式：（6种）

原型链继承、构造函数继承、组合继承、原型式继承、寄⽣式继承、寄⽣组合式继承

原型链继承：所有对象都公⽤⼀份原型属性和⽅法，对⼀个类的修改回影响的其他类

构造函数继承：把⽗类的所有属性⽅法全部拷贝⼀份，但对于公⽤的⽅法重复拷贝会浪费内存

组合继承：结合两种继承⽅式，⽤构造函数⽅式继承属性，⽤原型链⽅式继承⽅法

42.在

diva:link{color:red}的效果等同于div>a:link{color:red}（>为转义字符相当于>）

diva和div>a的区别：后者指作⽤到div下⼀级的a标签，仅⼀级

diva:link{color:red}在这⾥的效果不等同于div:first-child{color:red}

（1）div:first-child表⽰⾸先得是div元素，其次得是属于其⽗元素的第⼀个div⼦元素

例：

这个段落是其⽗元素（body）的⾸个⼦元素。

欢迎访问我的主页

这个段落不是其⽗元素的⾸个⼦元素。

（2）div:first-of-type表⽰⾸先得是div元素，其次得是其⽗元素中出现的第⼀个div元素

例：

p:first-of-type{

background-color:yellow;

}

这是第⼀个段落。

这是第⼆个段落。

这是第三个段落。

这是第四个段落。

（3）div:nth-child(n)表⽰⾸先得是div元素，其次得是其⽗元素的第n个⼦元素

例：

p:nth-child(2){

background:#ff0000;

}

这是标题

第⼀个段落。

第⼆个段落。

第三个段落。

第四个段落。

（4）div:nth-of-type(n)表⽰⾸先得是div元素，其次得是其⽗元素中出现的第n个div元素

p:nth-of-type(2){

background:#ff0000;

}

Thisisaheading

Thefirstparagraph.

Thesecondparagraph.

Thethirdparagraph.

Thefourthparagraph.

rjs中定义服务的⽅法：

（1）使⽤系统内置的$provide服务

（2）使⽤Module的factory⽅法

（3）使⽤Module的service⽅法

具备的优点：

动态样式、动态内容、动态定位

45.

TML：获取或修改dom元素内部的HTML结构

ext：获取或修改dom元素内部的⽂本

TML：获取或修改dom元素的HTML结构（包括该元素本⾝）

ext：获取或修改dom元素的⽂本（包括该元素本⾝）

⽰例：

⼤哲学家曾经说过：

⼈是铁饭是钢⼀顿不吃饿得慌

的任务分为（异步任务如setTimeout、setInterval、ajax等），同步任务放在主线程，形成⼀个执⾏栈；异步任务放在任务队列，只

有主线程空了才会去读取任务队列的任务。

47.

for(vari=0;i<5;i++){

requestAnimationFrame(()=>(i));

}

requestAnimationFrame是异步操作，故for循环中的requestAnimationFrame会在循环退出的时候才执⾏其中的回调，此时⽤var关键字

（函数级作⽤域）声明的变量i的值为5，故输出5个5

48.

if(!"a"inwindow){

vara=1;

}

alert(a);

if语句的意思是：判断全局对象window中是否有变量a，如果没有，则进⼊判断将a赋值为1

由于变量声明会提升，但变量赋值不会提升，就相当于代码如下：

vara;

if(!"a"inwindow){

a=1;

}

alert(a);

进⾏if判断时，变量a已经被声明但还未赋值，故不会进⼊判断给啊赋值，输出a时为undefined

49.

（1）可以实现同域内的web页⾯之间相互通信

（2）可以实现跨域通信

（3）可以相互传递字符串和对象

（4）使⽤这个功能，需要获取到⽹页所在窗⼝的实例

rjs指令中scope（作⽤域）的三个参数

参数false：（默认）不创建新的作⽤域对象，和⽗作⽤域共享⼀个作⽤域

参数true：从⽗作⽤域继承并创建⼀个新的作⽤域对象

参数{}：隔离作⽤域，创建⼀个新的作⽤域对象，但不继承⽗作⽤域

scope:false和scope：true的本质区别是创不创建新的作⽤域对象，⽽不是继不继承的问题。

scope：{}和scope：true的本质区别是继不继承⽗作⽤域的问题，⽽不是创不创建新的作⽤域对象的问题。