最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 正文

前端面试题(2016含答案)精华版

来源:动视网 责编:小OO 时间:2025-09-25 03:19:58
文档

前端面试题(2016含答案)精华版

2016前端面试题1)下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度 a.display:inline b.display:none c.display:block d.display:inherit2)新窗口打开网页,用到以下哪个值()。a._selfb._blankc. _topd. _parent3)下面有关jquery事件的响应,描述错误的是?a.onclick鼠标点击某个对象b.onfocus元素失去焦点c.onload是某个页面的cssjshtml文档结构和图像被完成加载
推荐度:
导读2016前端面试题1)下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度 a.display:inline b.display:none c.display:block d.display:inherit2)新窗口打开网页,用到以下哪个值()。a._selfb._blankc. _topd. _parent3)下面有关jquery事件的响应,描述错误的是?a.onclick鼠标点击某个对象b.onfocus元素失去焦点c.onload是某个页面的cssjshtml文档结构和图像被完成加载
2016前端面试题

1)下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度

a.display:inline

b.display:none

c.display:block

d.display:inherit

2)新窗口打开网页,用到以下哪个值()。

a._self

b._blank

c. _top

d. _parent

3)下面有关jquery事件的响应,描述错误的是?

a.onclick 鼠标点击某个对象

b.onfocus 元素失去焦点

c.onload 是某个页面的css js html 文档结构和图像被完成加载

d.onmousedown 某个鼠标按键被按下

4)    元素的alt和title有什么异同,选出正确的说法?不同的浏览器,表现一样

a.alt和title同时设置的时候,alt作为图片的替代文字出现,title是图片的解释文字

b.alt和title同时设置的时候,title作为图片的替代文字出现,alt是图片的解释文字

c.以上说法都不正确

5)下列js可以让一个input的背景颜色变成红色的是?

A. inputElement.style.backgroundColor = 'red';

b. inputElement.backgroundColor = 'red';

c. inputElement.style.backgroundColor = '#0000';

d. inputElement.backgroundColor = '#0000';

6)下面有关html5标签说法错误的有?

a.

b. 比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容

c.

 标签定义菜单列表。当希望列出表单控件时使用该标签

d. 标签定义命令按钮,比如单选按钮、复选框或按钮

7)下述有关css属性position的属性值的描述,说法错误的是?

a.static:没有定位,元素出现在正常的流中

b.fixed:生成绝对定位的元素,相对于父元素进行定位

c.relative:生成相对定位的元素,相对于元素本身正常位置进行定位。

d.absolute:生成绝对定位的元素,相对于 static 定位以外的第一个祖先元素进行定位。

8)下面符合一个有效的javascript变量定义规则的是?

a._$te$t2

b.with

c.a bc

d.2a

9)下面有关JavaScript中 call和apply的描述,错误的是?

a.call与aplly都属于Function.prototype的一个方法,所以每个function实例都有call、apply属性

b.两者传递的参数不同,call函数第一个参数都是要传入给当前对象的对象,apply不是

c.apply传入的是一个参数数组,也就是将多个参数组合成为一个数组传入

d.call传入的则是直接的参数列表。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

11) 什么会被打印在控制台上? b是局部变量还是全局变量

(function() {  

     var a = b = 5;

})();

console.log(b);

12) 执行这段代码,输出什么结果。

function test() {   

    console.log(a);   

    console.log(foo());  

     var a = 1;   

    function foo() {     

         return 2;   

    }

}

test();

 

13) 执行这段代码,输出什么结果。

var fullname = 'John Doe';

var obj = {  

    fullname: 'Colin Ihrig',   

    prop: {      

        fullname: 'Aurelio De Rosa',      

        getFullname: function() {         

            return this.fullname;      

        }   

    }

};

console.log(obj.prop.getFullname()); var test = obj.prop.getFullname; 

console.log(test());

14) 下面这个JS程序的输出是什么:

function Foo() {

    var i = 0;

    return function() {

        console.log(i++);

    }

}

 

var f1 = Foo(),

    f2 = Foo();

f1();

f1();

f2();

15) 下面这个JS程序的输出是什么:

16) Doctype作用? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?

17) CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?

18) 谈谈This对象的理解。

19)请用js 实现全选和取消全选的功能,只需要写出js代码(可以使用 jquery框架)

    全选

    ”list”>

     这是1

     这是2

20)面试官问你有没有女/男朋友?

答案

1,C。内联元素加上display:block;后被块级化。块级元素一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥其他元素与其位于同一行,宽度(width)高度(height)起作用。因此,可以定义其宽度和高度。

,2,TRUE。参数是scroll时候,必会出现滚动条。

参数是auto时候,子元素内容大于父元素时出现滚动条。

参数是visible时候,溢出的内容出现在父元素之外。

参数是hidden时候,溢出隐藏。,

3,选B。在html中通过标签打开一个链接,通过  标签的 target 属性规定在何处打开链接文档。

如果在标签中写入target属性,则浏览器会根据target的属性值去打开与其命名或名称相符的 框架或者窗口.

在target中还存在四个保留的属性值如下,

属性值

描述
_blank在新窗口中打开被链接文档。
_self默认。在相同的框架中打开被链接文档。
_parent在父框架集中打开被链接文档。
_top在整个窗口中打开被链接文档。
framename在指定的框架中打开被链接文档。
4,选b。onfocus 获得焦点 onblur 失去焦点

5,A

   这两个属性是有些重复了。在不同浏览器里面表现有些不同。在alt和title同时设置的时候,alt作为图片的替代文字出现,title是图片的解释文字。

6,A

#0000 是不正确的写法,至少要为六位,应该是#FF0000 

A写法是正确的,有两种写法:

document.getElementById("input").style.backgroundColor = "red";      

inputElement.style.backgroundColor = "#FF0000";

7,

B

这里考察HTML标签的使用:

 标签定义图形,比如图表和其他图像。 标签只是图形容器,您必须使用脚本来绘制图形。 B错误,

标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。

 标签定义命令的列表或菜单。 标签用于上下文菜单、工具栏以及用于列出表单控件和命令。 C正确

command 元素表示用户能够调用的命令。 标签可以定义命令按钮,比如单选按钮、复选框或按钮。只有当 command 元素位于 menu 元素内时,该元素才是可见的。否则不会显示这个元素,但是可以用它规定键盘快捷键。 D正确。

8,B

static

    元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。

relative

    元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。

absolute

    元素框从文档流完全删除,并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。

fixed

    元素框的表现类似于将 position 设置为 absolute,不过其包含块是视窗本身。

9,A正确;

B是关键字;

C有空格;

D开头为数字;

第一个字符必须是一个 ASCII 字母(大小写均可),或一个下划线(_)。注意第一个字符不能是数字。 

后续的字符必须是字母、数字或下划线。  

变量名称一定不能是 保留字。

10,B;

call()方法和apply()方法的作用相同,他们的区别在于接收参数的方式不同。对于call(),第一个参数是this值没有变化,变化的是其余参数都直接传递给函数。(在使用call()方法时,传递给函数的参数必须逐个列举出来。使用apply()时,传递给函数的是参数数组)如下代码做出解释:

function add(c, d){ 

return this.a + this.b + c + d; 

var o = {a:1, b:3}; 

add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16 

add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34 

十一,5  b是全局变量。

十二,undefined 和 2。 

十三,答案是Aurelio De Rosa和John Doe

十四, 0 1 0

十五,2 1

十六

 (1)、 声明位于文档中的最前面,处于 标签之前。告知浏览器的解析器,用什么文档类型 规范来解析这个文档。 

    (2)、严格模式的排版和 JS 运作模式是  以该浏览器支持的最高标准运行。

    (3)、在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

    (4)、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

十七

*   1.id选择器( # myid)

        2.类选择器(.myclassname)

        3.标签选择器(div, h1, p)

        4.相邻选择器(h1 + p)

        5.子选择器(ul < li)

        6.后代选择器(li a)

        7.通配符选择器( * )

        8.属性选择器(a[rel = "external"])

        9.伪类选择器(a: hover, li: nth - child)

    *   可继承: font-size font-family color, UL LI DL DD DT;

    *   不可继承 :border padding margin width height ;

    *   优先级就近原则,样式定义最近者为准;

    *   载入样式以最后载入的定位为准;

优先级为:

!important > id > class > tag

       important 比 内联优先级高

CSS3新增伪类举例:

    p:first-of-type 选择属于其父元素的首个

元素的每个

元素。

    p:last-of-type  选择属于其父元素的最后

元素的每个

元素。

    p:only-of-type  选择属于其父元素唯一的

元素的每个

元素。

    p:only-child    选择属于其父元素的唯一子元素的每个

元素。

    p:nth-child(2)  选择属于其父元素的第二个子元素的每个

元素。

    :enabled、:disabled 控制表单控件的禁用状态。

    :checked,单选框或复选框被选中。

十八

this是js的一个关键字,随着函数使用场合不同,this的值会发生变化。

但是总有一个原则,那就是this指的是调用函数的那个对象。

this一般情况下:是全局对象Global。 作为方法调用,那么this就是指这个对象

十九

$(function(){

            $("#checkall").click(function(){

                if($(this).attr("checked")){

                    $("div.list input").attr("checked",true);   //全选

                }else{

                    $("div.list input").attr("checked",false);  //全不选

                }

            });

     });

二十,

考虑到你工作的稳定性。几种情况;

1、没女朋友,如果年纪不较大了,家里可能会有安排,如果是外地人,不太稳定;

2、有女朋友,在外地。异地恋很折磨人的,要么一方将就一方,要么分手,这对工作的稳定性有影响;

3、有女朋友且在本地,这种是面试官最喜欢见到的情况。

4、考察的反应能力、是否诚实

作业:了解自己感兴趣的公司

http://www.kanzhun.com/interviewl/search/?stype=&q=%E5%%8D%E7%AB%AF

http://www.kanzhun.com/interview/2117/?ka=select-hotjob-16

  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top