jQuery整合面试题及答案讲解

jQuery整合面试题及答案讲解
jQuery整合面试题及答案讲解

一、Jquery测试题

下面哪种不是jquery的选择器?(单选)

A、基本选择器

B、后代选择器

C、类选择器

D、进一步选择器

考点:jquery的选择器(C)

当DOM加载完成后要执行的函数,下面哪个是正确的?(单选)

jQuery(expression,[context])B、jQuery(html,[ownerDocument])C、jQuery(callback)D、jQuery(elements)

考点:jquery的核心函数(C)

下面哪一个是用来追加到指定元素的末尾的?(单选)

A、insertAfter()

B、append()

C、appendTo()

D、after()

考点:jquery的核心函数(C)

下面哪一个不是jquery对象访问的方法?(单选)

A、each(callback)

B、size()

C、index(subject)

D、index()

考点:jquery的核心函数之对象访问(D)

jquery访问对象中的size()方法的返回值和jQuery对象的_______属性一样.

考点:jquery的核心函数之对象访问(length)

jquery中$(this).get(0)的写法和__________是等价的。

考点:jquery的核心函数之对象访问($(this)[0])

7.有这样一个表单元素

,想要找到这个hidden元素,下面哪个是正确的?(单选)

A、visible

B、hidden

C、visible()

D、hidden()

考点:jquery的选择器(B)

如果需要匹配包含文本的元素,用下面哪种来实现?(单选)

A、text()

B、contains()

C、input()

D、attr(name)

考点:jquery的选择器(B)

现有一个表格,如果想要匹配所有行数为偶数的,用________实现,奇数的用_______实现。

考点:jquery的选择器(even,odd)

如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?(单选)

A、text()

B、get()

C、eq()

D、contents()

考点:jquery的选择器(C)

在一个表单里,想要找到指定元素的第一个元素用_________实现,那么第二个元素用

_________实现。

考点:jquery的选择器(first,eq(1))

下面哪种不属于jquery的筛选?(单选)

A、过滤

B、自动

C、查找

D、串联

考点:jquery的筛选(B)

下面哪几种是属于jquery文档处理的?(多选)

A、包裹

B、替换

C、删除

D、内部和外部插入

考点:jquery的文档处理(ABD)

如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?(单选)

A、append(content)

B、appendTo(content)

C、insertAfter(content)

D、after(content)

考点:jquery的文档处理(D)

在jquery中,用一个表达式来检查当前选择的元素集合,使用______来实现,如果这个表达式失效,则返回___________值。

考点:jquery的筛选(is(expr),false)

在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?(单选)

A、delete()

B、empty()

C、remove()

D、removeAll()

在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的?(单选)

A、first

B、eq(1)

C、css(name)

D、css(name,value)

考点:jquery的css处理(C)

在编写页面的时候,如果想要获取指定元素在当前窗口的相对偏移,用_________来实现,该方法的返回值有两个属性,分别是________和__________。

考点:jquery的css处理(offset,top,left)

在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的?(单选)

A、width()

B、width(val)

C、width

D、innerWidth()

考点:jquery的css处理(A)

在一个表单中,如果将所有的div元素都设置为绿色,实现功能是

____________________________。

考点:jquery的css处理($(“div”).css(“color”,”green”))

为每一个指定元素的指定事件(像click)绑定一个事件处理器函数,下面哪个是用来实现该功能的?(单选)

A、trigger(type)

B、bind(type)

C、one(type)

D、bind

考点:jquery的事件操作(B)

在jquery中,鼠标移动到一个指定的元素上,会触发指定的一个方法,实现该操作的是

______________。

考点:jquery的事件操作(hover(over,out))

下面哪几个不是属于jquery的事件处理?(多选)

A、bind(type)

B、click()

C、change()

D、one(type)

考点:jquery的事件处理(BC)

在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现?(单选)

A、hover(over,out)

B、keypress(fn)

C、change()

D、change(fn)

当一个文本框中的内容被选中时,想要执行指定的方法时,可以使用下面哪个事件来实现?(单选)

A、click(fn)

B、change(fn)

C、select(fn)

D、bind(fn)

考点:jquery的事件处理(C)

在jquery中,想让一个元素隐藏,用________实现,显示隐藏的元素用_________实现。

考点:jquery的页面效果(hide(),show())

在一个表单中,用600毫秒缓慢的将段落滑上,用__________________________________来实现。

考点:jquery的页面效果($(“p”).slideUp(“slow”))

在jquery中,如果想要自定义一个动画,用___________________________函数来实现。

考点:jquery的页面效果(animate(params,options))

在jquery中想要实现通过远程httpget请求载入信息功能的是下面的哪一下事件?(单选)

A、$.ajax()

B、load(url)

C、$.get(url)

D、$.getScript(url)

考点:jquery的ajax(C)

下面不属于ajax事件的是?(单选)

A、ajaxComplete(callback)

B、ajaxSuccess(callback)

C、$.post(url)

D、ajaxSend(callback)

考点:jquery的ajax(C)

彻底将jQuery变量还原,可以使用___________________方法实现。

考点:jquery的多库共存($.noConflict(extreme))

上机题:

用jquery来实现动态添加和删除表格行

在一个表单中,查找所有选中的input元素,可以用jquery中的____________________来实现。

考点:jquery的选择器(:not())

下面哪几种是jquery中表单的对象属性?(多选)

A、:checked

B、:enabled

C、:hidden

D、:selected

E、:file

F、:disabled

考点:jquery的选择器(ABDF)

在jquery中如果将一个“名/值”形式的对象设置为所有指定元素的属性,可以用

________________实现。

考点:jquery选择器之属性(attr(pro))

在jquery中指定一个类,如果存在就执行删除功能,如果不存在就执行添加功能,下面哪一个是可以直接完成该功能的?(单选)

A、removeClass()

B、deleteClass()

C、toggleClass(class)

D、addClass()

考点:jquery的属性(C)

在jquery中想要找到所有元素的同辈元素,下面哪一个是可以实现的?(单选)

A、eq(index)

B、find(expr)

C、siblings([expr])

D、next()

考点:jquery的筛选(C)

二、css测试题

css的语法由___________、_____________、____________三部分组成。

考点:css的语法(选择器、属性和值)

下面哪一个不是检索一个对象的定位方式的属性?(单选)

A、static

B、absolute

C、fixed

D、top

考点:css的定位(D)

下面哪个是display布局中用来设置对象以块显示,并添加新行的?(单选)

A、inline

B、none

C、block

D、compact

考点:css的布局(C)

设置边框的边框样式用_____________实现,设置边框的颜色用_________实现。

考点:css的边框(border-style,border-color)

设置一个div的最小宽度为100像素,最大高度为50像素,实现这两个设置的方法是_______、________________。

考点:css的尺寸(min-width:100px;min-height:50px;)

为一个图片设置成背景图像后,设置背景图像在纵向和横向上平铺,下面哪个是实现该功能的?(单选)

A、no-repeat

B、repeat

C、repeat-x

D、repeat-y

考点:css的背景background(repeat)

想要设置一个对象外的线条轮廓的样式为虚线边框,用_______________实现该功能。

考点:css的轮廓outline(outline-style:dashed)

在css中,如果想要阻止计数器增加的,用__________________来实现。

考点:css的内容content(counter-increment:none)

在编写css样式的时候,如果想要设置标记容器和主容器之间的补白,用_______________来表示。

考点:css的列表(marker-offset)

如果想设置表格的行与单元格的边框合并在一起,可以用___________________来实现。

考点:css的表格(border-collapse:collapse)

如果想设置一个对象内文本的流动和方向,用_______________标签来实现,该标签有两个值,分别是_____________、______________。

考点:css的文本Text(text-layout-flow,horizontal、vertical-ideographic)

在编写css样式的时候,如果想要设置文本的对齐方式,下面哪一个不是text-align下的值?(单选)

A、left

B、right

C、top

D、justify

考点:css的文本Text(C)

在css中,如果想要设置对象中文本的样式,下面哪一个不是该标签的值?(单选)

A、blink

B、line-through

C、color

D、overline

考点:css的字体font(C)

在css中,设置滚动条的表面颜色,是用下面的哪个标签来实现的?(单选)

A、scrollbar-base-color

B、scrollbar-face-color

C、scrollbar-arrow-color

D、scrollbar-shadow-color

考点:css的滚动条scrollbar(B)

三、问答题

1.什么是jQuery?

jQuery是继prototype之后又一个优秀的Javascrīpt框架。

2.HTML代码:

ThisisaDIV

1)把这个HTML元素转化为jQuery对象的语句是?

2)得到div元素内文本的语句可以是哪些?

3)把元素内文本设置为粗体的方法有?

4)清空文本的方法有?

1.$(“div”)

2.$(“div”).text(),$(“div”).html()

3.$(“div”).text(“ThisisDIV”)

4.$(“div”).text(“”)

3.HTML代码:

1)$(‘:hidden’).length的值是?

1

2)$(‘forminput’),$(‘form>input’),$(‘form+input’),$(‘form~input’)分别返回代表哪些元素的jQuery数组?

$(‘forminput’)返回form下的所有input元素

$(‘form>input’)查找以form为父元素所有input子元素

$(‘form+input’)查找以form之外第一个input子元素

$(‘form~input’)查找以form之外所有input子元素

3)获取form里第二个input元素的方法有?

$(“#div1input”).eq(1)

4)$(‘forminput:first’).parent()返回的是?

5)$(‘forminput:first’).parents().size()的值是?

1

6)$(‘#div1’).empty()与$(‘#div1’).remove()的结果有什么不同?

$(‘#div1’).empty()清空div1的内容结果为

$(“#div1”).remove()删除div1节点及包含的子节点

4.有一个button

执行以下jQuery语句:

$(‘#btn’).click(function(){alert(‘clickme’);});

$(‘#btn’).click(function(){alert(‘clickmeagain.’)});

单击这个button会有什么效果?

弹出2次对话框分别是clickme,clickmeagain

5.HTML代码:

Hellohowareyou?

jQuery代码:

$("p").find("span").text(‘Hi’).end()

结果是?

Hihowareyou

1你在公司是怎么用jquery的?

答:在项目中是怎么用的是看看你有没有项目经验(根据自己的实际情况来回答) 你用过的选择器啊,复选框啊,表单啊,ajax啊,事件等配置Jquery环境下载jquery类库在jsp页面引用jquery类库即可

接下来通过在

2你为什么要使用jquery?

答:因为jQuery是轻量级的框架,大小不到30kb,它有强大的选择器,出色的DOM 操作的封装,有可靠的事件处理机制(jQuery在处理事件绑定的时候相当的可靠),完善的ajax(它的ajax封装的非常的好,不需要考虑复杂浏览器的兼容性和XMLHttpRequest 对象的创建和使用的问题。)出色的浏览器的兼容性。而且支持链式操作,隐式迭代。行为层和结构层的分离,还支持丰富的插件,jquery的文档也非常的丰富。

3你觉得jquery有哪些好处?答案同上

4你使用jquery遇到过哪些问题,你是怎么解决的?

答:这个答案是开发的,看你是否有相关的项目经验。例前台拿不到值,JSON可是出现的错误(多了一个空格等)这编译是不会报错的jquery库与其他库冲突:1>如果其他库在jquery库之前导入的话 1.我们可以通过jquery.noconflict()将变量的$的

控制权过度给其他库 2.自定义快捷键,用一个变量接住jquery.noconflict()

3.通过函数传参2>如果jquery库在其他库之前导入就直接使用jquery 今天在处理一个数据问题时,发现jQuery.ajax()方法返回的值一直有问题,清除缓存后数据无误,多次测试后发现返回的值都是之前的值,并且一直未执行url(后台为JAVA,设置断点一直未进入)。在网上查找下,发现是未设置type的原因。如果没设置jQuery.ajax的

type="Post",那么ajax就会默认type="Get",这就会导致之前数据被缓存起来。加上type="Post",问题解决!

5你知道jquery中的选择器吗,请讲一下有哪些选择器?

答:jQuery中的选择器大致分为:基本选择器,层次选择器,过滤选择器,表单选择器

6jquery中的选择器和css中的选择器有区别吗?

答:jQuery选择器支持CSS里的选择器,jQuery选择器可用来添加样式和添加相应的行为CSS中的选择器是只能添加相应的样式

7你觉得jquery中的选择器有什么优势?

答:简单的写法$('ID')来代替document.getElementById()函数支持CSS1到CSS3选择器完善的处理机制(就算写错了id也不会报错)

8你在使用选择器的时候有有没有什么觉得要注意的地方?

答:1选择器中含有".","#","["等特殊字符的时候需要进行转译2属性选择器的引号问题3选择器中含有空格的注意事项

9jquery对象和dom对象是怎样转换的?

答:jquery转DOM对象:jQuery对象是一个数组对象,可以通过[index]的丰富得到相应的DOM 对象还可以通过get[index]去得到相应的DOM对象。DOM对象转jQuery对象:$(DOM对象)

10你是如何使用jquery中的ajax的?

答:如果是一些常规的ajax程序的话,使用load(),$.get(),$.post(),就可以搞定了,一般我会使用的是$.post()方法。如果需要设定beforeSend(提交前回调函

数),error(失败后处理),success(成功后处理) 及complete(请求完成后处理)回调函数等,这个时候我会使用$.ajax()

11你觉得jquery中的ajax好用吗,为什么?

答:好用的。因为jQuery提供了一些日常开发中夙瑶的快捷操作,例load,ajax,get,post等等,所以使用jQuery开发ajax将变得极其简单,我们就可以集中精力在业务和用户的体验上,不需要去理会那些繁琐的XMLHttpRequest对象了。

12jquery中$.get()提交和$.post()提交有区别吗?

答: 1$.get()方法使用GET方法来进行异步请求的。$.post()方法使用POST方法来进行异步请求的。2get请求会将参数跟在URL后进行传递,而POST请求则是作为HTTP消息的实体内容发送给Web服务器的,这种传递是对用户不可见的。3get方式传输的数据大小不能超过2KB而POST要大的多4GET方式请求的数据会被浏览器缓存起来,因此有安全问题。

13jquery中的load方法一般怎么用的?

答:load方法一般在载入远程HTML代码并插入到DOM中的时候用通常用来从Web

服务器上获取静态的数据文件。如果要传递参数的话,可以使用$.get()或$.post() 14在jquery中你是如何去操作样式的?

答:addClass()来追加样式removeClass()来删除样式toggle()来切换样式 15简单的讲叙一下jquery是怎么处理事件的,你用过哪些事件?

答:首先去装载文档,在页面家在完毕后,浏览器会通过javascript为DOM 元素添

加事件。

16你使用过jquery中的动画吗,是怎样用的?答:使用过。

hide()和show()同时修改多个样式属性。像高度,宽度,不透明度。

fadeIn()和fadeOut()fadeTo()只改变不透明度slideUp()和slideDown()slideToggle()只改变高度animate()属于自定义动画的方法.

17你使用过jquery中的插件吗?答:看个人的实力和经验来回答了。

18你一般用什么去提交数据,为什么?

答:一般我会使用的是$.post()方法。如果需要设定beforeSend(提交前回调函数),error(失败后处理),success(成功后处理) 及complete(请求完成后处理)回调函数等,这个时候我会使用$.ajax()

19在jquery中引入css有几种方式?

答:四种行内式,内嵌式,导入式,链接式

20你在jquery中使用过哪些插入节点的方法,它们的区别是什么?

答:append(),appendTo(),prepend(),prependTo(),after(),insertAfter()

before(),insertBefore() 大致可以分为内部追加和外部追加append()表式向每个元素内部追加内容。appendTo()表示讲所有的元素追加到指定的元素中。例

$(A)appendTo(B)是将A追加到B中下面的方法解释类似

21你使用过包裹节点的方法吗,包裹节点有方法有什么好处?

答:wrapAll(),wrap(),wrapInner() 需要在文档中插入额外的结构化标记的时候可以使用这些包裹的方法应为它不会帛画原始文档的语义

22jquery中如何来获取或和设置属性?jQuery中可以用attr()方法来获取和设置元素属性removeAttr()方法来删除元素属性

23如何来设置和获取HTML和文本的值?

答:html()方法类似于innerHTML属性可以用来读取或者设置某个元素中的HTML内容注意:html()可以用于xhtml文档不能用于xml文档text()类似于innerText属性可以用来读取或设置某个元素中文本内容。val()可以用来设置和获取元素的值

24你jquery中有哪些方法可以遍历节点?

答:children()取得匹配元素的子元素集合,只考虑子元素不考虑后代元素next()取得匹配元素后面紧邻的同辈元素prev()取得匹配元素前面紧邻的同辈元素siblings()取得匹配元素前后的所有同辈元素closest()取得最近的匹配元素

find()取得匹配元素中的元素集合包括子代和后代

25子元素选择器和后代选择器元素有什么区别?

答:子代元素是找子节点下的所有元素,后代元素是找子节点或子节点的子节点中的元素

26在jquery中可以替换节点吗?

答:可以在jQuery中有两者替换节点的方式replaceWith()和replaceAll() 例如在haoareyou

替换成Iamfine

$('p').replaceWith('Iamfine'); replaceAll与replaceWith的用法前后调换一下即可。

27你觉得beforeSend方法有什么用?

答:发送请求前可以修改XMLHttpRequest对象的函数,在beforeSend中如果返回false可以取消本次的Ajax请求。XMLHttpRequest对象是唯一的参数所以在这个方法里可以做验证

28siblings()方法和$('prev~div')选择器是一样的嘛?

答:$('prev~div')只能选择'#prev'元素后面的同辈

元素而siblings()方法与前后的文职无关,只要是同辈节点就都能匹配。

29你在ajax中使用过JSON吗,你是如何用的?

答:使用过,在$.getJSON()方法的时候就是。因为$.getJSON()就是用于加载JSON文件的

30有哪些查询节点的选择器?

答:我在公司使用过:first查询第一个,:last查询最后一个,:odd查询奇数但是索引从0开始:even查询偶数,:eq(index)查询相等的,:gt(index)查询大于index的,:lt查询小于index :header选取所有的标题等

31nextAll()能替代$('prev~siblindgs')选择器吗?

答:能。使用nextAll()和使用$('prev~siblindgs')是一样的

32jQuery中有几种方法可以来设置和获取样式

答:addClass()方法,attr()方法

33$(document).ready()方法和window.onload有什么区别?

答:两个方法有相似的功能,但是在实行时机方面是有区别的。1window.onload方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行的。

2$(document).ready()方法可以在DOM载入就绪时就对其进行操纵,并调用执行绑定的函数。

34jQuery是如何处理缓存的?

答:要处理缓存就是禁用缓存. 1通过$.post()方法来获取数据,那么默认就是禁用缓存的。2通过$.get()方法来获取数据,可以通过设置时间戳来避免缓存。

可以在URL后面加上+(+newDate) 例$.get('ajax.xml?'+(+newDate),function(){ //内容}); 3通过$.ajax方法来获取数据,只要设置cache:false即可。

35$.getScript()方法和$.getJson()方法有什么区别?

答:1$.getScript()方法可以直接加载.js文件,并且不需要对javascript文件进行处理,javascript文件会自动执行。2$.getJson()是用于加载JSON文件的,用法和

$.getScript()

36你读过有关于jQuery的书吗?《jquery基础教程》《jquery实战》《锋利的jquery》《巧用jquery》《jQuery用户界面库学习指南》等

37$("#msg").text();和$("#msg").text("newcontent");有什么区别?

答:1$("#msg").text()是返回id为msg的元素节点的文本内容

2$("#msg").text("newcontent");是将“newcontent”作为普通文本串写入id为msg的元素节点内容中, 页面显示粗体的newcontent

38radio单选组的第二个元素为当前选中值,该怎么去取?

答:$('input[name=items]').get(1).checked=true;

39选择器中id,class有什么区别?

答:在网页中每个id名称只能用一次,class可以允许重复使用

40你使用过哪些数据格式,它们各有什么特点?

答:HTML格式,JSON格式,javascript格式,XML格式1HTML片段提供外部数据一般来说是最简单的。2如果数据需要重用,而且其他应用程序也可能一次受到影响,那么在性能和文件大小方面具有优势的JSON通常是不错的选择。3而当远程应用程序未知时,XML则能够为良好的互操作性提供最可靠的保证。

41jQuery能做什么?

答:1获取页面的元素2修改页面的外观3改变页面大的内容4响应用户的页面操作5为页面添加动态效果6无需刷新页面,即可以从服务器获取信息7简化常见的javascript任务

42在ajax中data主要有几种方式?

答:三种,html拼接的,json数组,form表单经serialize()序列化的。

43:jQuery中的hover()和toggle()有什么区别?

答hover()和toggle()都是jQuery中两个合成事件。hover()方法用于模拟光标悬停事件。toggle()方法是连续点击事件。

44你知道jQuery中的事件冒泡吗,它是怎么执行的,何如来停止冒泡事件?答:知道,事件冒泡是从里面的往外面开始触发。在jQuery中提供了stopPropagation()方法可以停止冒泡。

45例如单击超链接后会自动跳转,单击"提交"按钮后表单会提交等,有时候我想阻止这些默认的行为,该怎么办?

答:可以用event.preventDefault() 或在事件处理函数中返回false,即returnfalse;

46.jquery表单提交前有几种校验方法?分别为??

formData:返回一个数组,可以通过循环调用来校验jaForm:返回一个jQuery对象,所有需要先转换成dom对象fieldValue:返回一个数组beforeSend()

47.在jquery中你有没有编写过插件,插件有什么好处?你编写过那些插件?它应该注意那些?

答:插件的好处:对已有的一系列方法或函数的封装,以便在其他地方重新利用,方便后期维护和提高开发效率插件的分类:封装对象方法插件、封装全局函数插件、选择器插件注意的地方: 1.插件的文件名推荐命名为jquery.[插件名].js,以免和其他的javaScript库插件混淆 2.所有的对象方法都应当附加到jQuery.fn对象上,而所有的全局函数都应当附加到jQuery对象本身上 3.插件应该返回一个jQuery对象,以保证插件的可链式操作 4.避免在插件内部使用$作为jQuery对象的别名,而应使用完整的jQuery来表示,这样可以避免冲突或使用闭包来避免 5.所有的方法或函数插件,都应当一分好结尾,否则压缩的时候可能出现问题。在插件头部加上分号,这样可以避免他人的不规范代码给插件带来影响 6.在插件中通过$.extent({})封装全局函数,选择器插件,扩展已有的object对象通过$.fn.extend({})封装对象方法插件

48.怎样给jquery动态附加新的元素?那么怎样给新生成的元素绑定事件呢?jQuery的html()可以给现在元素附加新的元素直接在元素还未生成前就绑定肯定是无效的,因为所绑定的元素目前根本不存在。所以我们可以通过live和livequery来动态绑定事件

前端经典面试题——Angular、主流框架和服务器相关问题

前端经典面试题——Angular、主流框架和服务器相关问题 1、ng-app 是什么? 答:ng-app 指令用于告诉AngularJS 应用当前这个元素是根元素.所有AngularJS 应用都必须要要一个根元素. HTML 文档中只允许有一个ng-app 指令,如果有多个ng-app 指令,则只有第一个会被使用. 2、说说MVC 和MVVM 分别是什么? 答:MVC 全名是Controller 模型(model)-视图(view)-控制器(controller)的缩写,MVVM 是Model-View-ViewModel 的简写. 3、?g 是什么? 答:-g 是-global 的简称,全局的意思. 4、自定义指令的类型(E,A,C,M)? 答:元素(E)、属性(A)、类(C)、注释(M). 5、$scope 和自定义指令里的scope 有啥区别? 答:$scope 对象在AngularJS 中充当数据模型的作用,也就是一般MVC 框架中Model 得角色.但又不完全与通常意义上的数据模型一样,因为$scope 并不处理和操作数据,它只是建立了视图和HTML 之间的桥梁,让视图和Controller 之间可以友好的通讯. 自定义指令里的scope 表示指令的作用域,它有三个可选值:true、false、对象{} 6、Ionic 中的路由? 答:Ionic 也是基于Angular 的,使用的是ui-router,

ui-router 的核心理念是将子视图集合抽象为一个状态机,导航意味着状态的切换,Ionic 之所以没有使用Angular 官方的ngRoute,是回ngRoute 缺少一些高级的特性,比如视图命名,视图嵌套. 7、filter? 答:过滤器. 8、ng-bind? 答:ng-bind 指令告诉AngularJS 使用给定的变量或表达式的值来替换HTML 元素的内容. 如果给定的变量或表达式修改了,指定替换的HTML 元素也会修改. 9、说一说link? 答:link 中可以拿到scope 和controller,可以与scope 进行数据绑定,与其他指令进行通信. 10、为什么angular 不推荐使用dom 操作? 答:Angular 倡导以测试驱动开发,在的service 或者controller 中出现了DOM 操作,那么也就意味着的测试是无法通过的 使用Angular 的其中一个好处是啥,那就是双向数据绑定,这样就能专注于处理业务逻辑,无需关系一堆堆的DOM 操作.如果在Angular 的代码中还到处充斥着各种DOM 操作,那为什么不直接使用jquery 去开发呢. 11、看过Angular 的源码吗,它是怎么实现双向数据绑定的? 答:angular 对常用的dom 事件,xhr 事件等做了封装,在里面触发进入angular 的digest 流程. 在digest 流程里面,会从rootscope 开始遍历,检查所有的watcher. 12、ui-router 和ng-router 区别?

SCCE-G3-模拟笔试题2

1.在html页面上编写JavaScript代码时,应编写在()标签中间。(选择一项) A. B. C.和 D.和 2.在javascript中,数组的()属性用于返回数组中元素的个数。(选择一项) A.first B.shift C.length D.push 3.分析下面的JavaScript代码,经过运算后a的值为()。(选择一项)var x=12; var y="hi"; var a=x+y; A.12hi B.hi C.12 D.程序报错 4.在html中,运行下面的JavaScript代码,则在弹出的提示框中显示的消息内容为()。(选择一项) A.2 B.2.5 C.32/2 D.16 5.在html中,下列css的属性与html标签中style对象的属性对应错误的是()。(选择两项) A.background-image与backgroundImage B.border-color与color C.font-size与size D.text-align与textAlign 6.当按键盘A时,使用onKeyDown事件打印event.keyCode的结果是()。(选择一项) A.65 B.13 C.97 D.37 7.在html中,要通过无列表符号来实现导航菜单,css属性中()可以实现导航菜单横线排列。(选择一项) A.list-style B.padding C.z-index

超完整JQUERY面试题及答案

一、Jquery测试题 下面哪种不是jquery的选择器?(单选) A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器 考点:jquery的选择器(C) 当DOM加载完成后要执行的函数,下面哪个是正确的?(单选) jQuery(expression,[context])B、jQuery(html,[ownerDocument])C、jQuery(callback)D、jQuery(elements) 考点:jquery的核心函数(C) 下面哪一个是用来追加到指定元素的末尾的?(单选) A、insertAfter() B、append() C、appendTo() D、after() 考点:jquery的核心函数(C) 下面哪一个不是jquery对象访问的方法?(单选) A、each(callback) B、size() C、index(subject) D、index() 考点:jquery的核心函数之对象访问(D) jquery访问对象中的size()方法的返回值和jQuery对象的_______属性一样. 考点:jquery的核心函数之对象访问(length) jquery中$(this).get(0)的写法和__________是等价的。 考点:jquery的核心函数之对象访问($(this)[0]) 7.有这样一个表单元素 ,想要找到这个hidden元素,下面哪个是正确的?(单选) A、visible B、hidden C、visible() D、hidden() 考点:jquery的选择器(B) 如果需要匹配包含文本的元素,用下面哪种来实现?(单选) A、text() B、contains() C、input() D、attr(name) 考点:jquery的选择器(B) 现有一个表格,如果想要匹配所有行数为偶数的,用________实现,奇数的用_______实现。 考点:jquery的选择器(even,odd) 如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?(单选) A、text() B、get() C、eq() D、contents() 考点:jquery的选择器(C) 在一个表单里,想要找到指定元素的第一个元素用_________实现,那么第二个元素用_________实现。考点:jquery的选择器(first,eq(1))

校招面试心得体会

校招面试心得体会 网上不少面试心得,面试成功或失败经验,还有各厂面试题整理,大家都看得乐此不疲。 我跟大家讲,对于99%人而言,这些校招面试心得看得再多也没用。 很多小单位,只要稍微正常点的,专业对口的,是个人都要,网上这些面试套路你看或不看差别不大;而像BAJT这样的厂子,你就算挤破头也是进不去的,如果你能进去,与所谓面试技巧关系并不大,而是你本身够硬,所谓面试技巧的作用就像是公主头上多插了根羽毛,锦上添花而已。 很多校招应届生,看这些大公司的招聘要求,发现麻鸭,我条条都符合,简直是为我量身定制的。这就好比杨超越的择偶标准是长得顺眼,会做家务。请问,是为你量身定制的吗? 互联网大厂的校招那就好比杨超越找男朋友,薪资高,福利好,比如开发岗位,年薪不可能少于20万,那可是千军万马过独木桥,多少人争,多少人抢,那么多应聘者,可能最终就招1~2个应届生,显然绝大多数人就都是炮灰。 我今年校招内推少说几百封简历,哪些人有可能进阅文,哪些人绝对没戏,看简历的时候就心里有数了。但是,通过简历识人会看走眼,因此,凡事有点希望的,都会给个

笔试面试机会,但,诸位千万不要以为有了面试机会脚已经跨进去一半了,说句不好听的,很多都是走个形式,最后大概率还是那几个过硬的简历中筛选跟阅文精气神比较契合的。 大家要想真正在面试中获得面试官的亲睐,我觉得更关键的要多去外面看看,而非表面的技巧或者抓紧这个把月学些知识应付面试。 大学虽说是个小社会,但不是社会,你身在这个弹丸圈子里,每天三点一线,眼界和认知会大大受限,关键是你自己完全意识不到自己受限,当面试的时候,你说的那些话,你所认为重要的东西,往往不是面试官所关心的,用句流行语讲就是who cares,加s。 拿我妹举例来说,她说她情商很高,适合做管理,因为大学自己开团带人玩游戏玩得挺好。站在她个人角度,逻辑完全走得通,毕竟在学校,管人带人要么协会社团,要么就是这种自己组个游戏团队,在学校这样一个眼界受限的小圈子里,自然就会觉得管理好像就这么回事,我做得挺好。 但是,如果真的在一个比较优秀的团队呆过,看过团队负责人工作日常,就会知道这管理团队很难也很辛苦,不仅负责项目管理与资源统筹,还要时刻关注员工心理,承上启下,压力很大。我想,究竟自己适不适合做管理,我妹会有更准确的认知。这认知一旦准确了,面试时说的话也会变得

jquery面试题

1. jQuery 库中的 $() 是什么? $() 函数是 jQuery() 函数的别称,乍一看这很怪异,还使 jQuery 代码晦涩难懂。一旦你适应了,你会爱上它的简洁。$() 函数用于将任何对象包裹成 jQuery 对象,接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你甚至可以将一个选择器字符串传入 $() 函数,它会返回一个包含所有匹配的 DOM 元素数组的 jQuery 对象。这个问题我已经见过好几次被提及,尽管它非常基础,它经常被用来区分一个开发人员是否了解 jQuery。 2. 网页上有 5 个

元素,如何使用 jQuery来选择它们? 另一个重要的 jQuery 问题是基于选择器的。jQuery 支持不同类型的选择器,例如 ID 选择器、class 选择器、标签选择器。鉴于这个问题没提到 ID 和class,你可以用标签选择器来选择所有的 div 元素。jQuery 代码:$("div"),这样会返回一个包含所有 5 个 div 标签的 jQuery 对象。 3. jQuery 里的 ID 选择器和 class 选择器有何不同? 如果你用过 CSS,你也许就知道 ID 选择器和 class 选择器之间的差异,jQuery 也同样如此。ID 选择器使用 ID 来选择元素,比如 #element1,而 class 选择器使用 CSS class 来选择元素。当你只需要选择一个元素时,使用 ID 选择器,而如果你想要选择一组具有相同 CSS class 的元素,就要用 class 选择器。在面试过程中,你有很大几率会被要求使用 ID 选择器和 class 选择器来写代码。下面的 jQuery 代码使用了 ID 选择器和 class 选择器: 正如你所见,从语法角度来说,ID 选择器和 class 选择器的另一个不同之处是,前者用字符”#”而后者用字符”.”。 4.如何在点击一个按钮时使用 jQuery 隐藏一个图片? 这是一个事件处理问题。jQuery为按钮点击之类的事件提供了很好的支持。你可以通过以下代码去隐藏一个通过ID或class定位到的图片。你需要知道如何为按钮设置事件并执行hide() 方法,代码如下所示:

Jquery面试题(修改版)-个人总结

单选: 1、下面哪一种不属于Jquery的选择器。(D) A:基本选择器B:层次选择器 C:表单选择器D:节点选择器 2、使用jquery检查元素在网页上是否存在。(B) A:if($("#id")) { //do someing... } B: if($("#id").length > 0) { //do someing... } C: if($("#id").length() > 0) { //do someing... } D: if($("#id").size > 0) { //do someing... } 3、新闻,获取元素title的属性值。(C) A:$("a").attr("title").val(); B:$("#a").attr("title"); C:$("a").attr("title"); D:$("a").attr("title").value; 4、执行下面语句 $(document).ready(function(){ $("#click").click(function(){ alert("click one time"); }); $("#click").click(function(){ alert("click two time"); });

}); 单击按钮,这个会有什么效果。(C) A:弹出一次对话框,显示click one time 。 B:弹出一次对话框,显示click two time 。 C:弹出两次对话框,依次显示click one time,click two time。D:js编译错误。 5、页面中有三个元素,如下:

span标签p标签 ,如果这三个标签要触发同一个事件,那么正确的写法是(A)。 A:$("div,span,p").click(function(){ //…}); B:$("div || span || p").click(function(){ //…}); C:$("div + span + p").click(function(){ //…}); D:$("div ~ span ~ p").click(function(){ //…}); 6、页面中有一个select标签,代码如下: ,要使“选项四”选中的正确写法。(B)

前端测试题

Web前端开发面试题 一、描述题(每题2分共20题) 1、简要的描述一下W3C组织的工作职责 答:W3C(万维网联盟)为解决Web应用中不同平台、技术和开发者带来的不兼容性,保障Web信息的顺利和完整流通,网页开发从此在结构、表现、行为上相分离。 2、目前常用的WEB标准静态语言是: 答:XHTML 3、内联元素有哪些?块级元素有哪些?CSS的盒模型有哪些属性? 答:内联元素有a, span, img, input, select, strong等。块级元素有div, ul, ol, li, dl,dt,dd, h1,h2…,p。盒模型:margin, padding,width,height,border。 4、改变元素的外边距和内填充用什么? 答:margin padding 5、对ul li的样式设成无,应该是用什么属性? 答:list-style-type:none; 6、color:#666666;可缩写为什么? 答:color:#666; 7、合理的页面布局中常听说结构与表现分离,那么结构和表现分别指什么? 答:结构为xhtml,表现为css 8、举例你在实践中遇到的IE6 bug,并谈谈解决方案 答:如浮动产生双倍边距,用display:inline解决 9、谈谈不同浏览器的css hack做法 答:所有浏览器通用:height:10px; IE6专用:_height:10px;IE6,IE7公用:*height:10px;IE7专用:*+height:10px;IE7,IE8,FF公用:height:10px !important; 10、CSS中哪些属性可以同父元素继承? 答:color, font-size 11、你如何理解HTML结构的语意化? 答:html本身是没有表现的,我们看到例如h1是粗体,字体大小2em,加粗;strong是加粗的,不要认为这是html,这些其实是html默认的css样式在起作用,所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML特点,但是浏览器都有默认的样式,默认的样式目的也是为了更好的表达html的语义,可以说浏览器的默认样式和HTML结构是不可分割的 12、谈谈对css模块化设计的看法? 答:css模块化开发是css开发者们都会使用到的方法,它具有结构良好,扩展性强,重用性好等特点,同时有利于团队之间的合作。 13、谈谈对css sprite技术的看法 答:css sprite是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张图片中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一张一张的慢慢显示出来了,对于当前网络流行的速度不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题,加速的关键,不是降低重量,而是减少个数,传统的切图讲究精细,图片规格越小越好,重量越小越好,其实规格大小计算机统一都按byte计算,客户端每显示一张图片都会向服务器发送请求,所以,图片越多请求次数越多,

js_ext_jquery面试题

对js,ext,jquey的总结 一:js面试题 1.js中到的String你是怎么理解的 答:String是js中唯一可以变长的长度到值,存储方式是以数组存储的一般组合alert使用 \n:是代表回车 \r是代表换行 2.写js代码的时候要注意的语法 答:1.区分大小写 2.变量类型是弱类型 var 3.注释 //单行注释 /** 多行注释 **/ 4.变量名要是字母下划线 $ 5.数据类型: * 原始数据类型(栈) boolean,null,undefind,number,String * 引用数据类型(堆)比如对象 3.强类型变量和弱类型变量到区别 1.强类型变量:编译前必须要声明----->基于java 2.弱类型变量:编译前不需要声明(使用前不需要声明 , 而是解释器在运行时检查数据类型)---->js 3.在js中function()表示什么? 可不可以重载? function的声明方式? 答: 1.可以表示为---> 类 , 对象 , 方法 , 构造器 2.不可以重载(当function()的名字相同--->后面到会覆盖前面到)

3.function()是所有函数到父类例如:function 函数名(参数列明){ } 4.js的特点 答: 1.脚本语言,基于对象 2.基于java的,基于语句和控制流之上简单而紧凑 3.动态的脚本语言 4.依赖于浏览器本身于操作环境无关 5.以字符串解析执行 5.给你一页面,要你写JS代码拿对象,得到它值,然后进行一些操作 答: 第一种方法是 document.getEelementById("标签里面到id属性").value; 第二种方法是 document.getEelementsByName("标签里面name属性 ").value; 第三种方法是直接用document点name里面到属性例 如:document.xxx.xxx.value 这样就可以拿到值 6.你是怎么理解js里面到this关键字 答:this是对当前对象的引用,在js中由于对象到引用是多层次的,为了避免乱(谁调用了它,它就会指向谁) 7.js里面的警告框和询问框确认框有什么作用 答: 1.警告框为了输出js调式用例:alert("我是用于js调式"); 2.询问框为了询问你通不通过例:提问 var number=prompt("你到分数") if(number>100){通过}else{没有通过} 3.确认框为了让你确认的例: 确认 var name = confirm("js菜鸟") if(name==true){彼此彼此}else{你才是菜鸟} 8.js是的组成分为哪三部分 答:核心(Ecmscript) , 文档对象模型 , 浏览器对象模型 9.在js里面跳转一个页面用什么方法

jQuery面试题答案

jQuery面试题答案 一、Jquery测试题 下面哪种不是jquery的选择器?(单选) A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器 考点:jquery的选择器(C) 当DOM加载完成后要执行的函数,下面哪个是正确的?(单选) jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements) 考点:jquery的核心函数(C) 下面哪一个是用来追加到指定元素的末尾的?(单选) A、insertAfter() B、append() C、appendTo() D、after() 考点:jquery的核心函数(C) 下面哪一个不是jquery对象访问的方法?(单选) A、each(callback) B、size() C、index(subject) D、index() 考点:jquery的核心函数之对象访问(D) jquery访问对象中的size()方法的返回值和jQuery对象的_______属性一样. 考点:jquery的核心函数之对象访问(length) jquery中$(this).get(0)的写法和__________是等价的。 考点:jquery的核心函数之对象访问($(this)[0]) 7. 有这样一个表单元素 ,想要找到这个hidden元素,下面哪个是正确的?(单选) A、visible B、hidden C、visible() D、hidden() 考点:jquery的选择器(B) 如果需要匹配包含文本的元素,用下面哪种来实现?(单选) A、text() B、contains() C、input() D、attr(name) 考点:jquery的选择器(B) 现有一个表格,如果想要匹配所有行数为偶数的,用________实现,奇数的用_______实现。 考点:jquery的选择器(even,odd) 如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?(单选) A、text() B、get() C、eq() D、contents() 考点:jquery的选择器(C) 在一个表单里,想要找到指定元素的第一个元素用_________实现,那么第二个元素用_________实现。 考点:jquery的选择器(first,eq(1))

IT综合面试题(1-80题)

综合面试题(1-80题) 1、写出6个java 常用的包 答:(1)https://www.360docs.net/doc/6016255855.html,ng包(2)java.util包(3)java.io包 (4)java.awt包(5)javax.swing包(6)https://www.360docs.net/doc/6016255855.html,包 2、写出java 类的super 和this 区别 答:super表示超(父)类的意思,this代表对象本身。 3、写出tomcat默认端口号,以及修改 答:在server.xml的修改里面port值 4、写出生成20个随机数,并用冒泡排序 答:int temp=0;//设置一个临时变量 int[] demo={3,5,1,4,2}; for(int i=1;i

} } } //输出 for(int k=0;k用户名: 密码:

web前端面试题及答案

1.WEB标准以及W3C标准是什么 标签闭合、标签小写、不乱嵌套、使用外链css和js、结构行为表现的分离。 中img怎么水平和垂直居中 Div{width:200px; height:200px;text-align:center; font-size:0; overflow: hidden;line-height:200px; _line-height:178px;/*兼容IE6*/ } Img{ vertical-align:middle;} HTML中没有单位的属性是 z-index:1; zoom:1; font-weight:200; form表单中input标签的readonly 和disabled属性有何区别 readonly=“readonly”是只读,不可以修改,disabled=“disabled”是禁用,整个文本框是显示灰色状态 form 中method是数据传递的方式,action是与后台数据库提交的 2.xhtml和html有什么区别 XHTML 元素必须被正确地嵌套,闭合,区分大小写,文档必须拥有根元素。 3.行内元素有哪些块级元素有哪些 行内元素: a b img em br i span input select 块级元素:div p h1-h6 form ul dl ol table 4.行内元素和块级元素有什么区别 行内元素不可以设置宽高,不独占一行; 块级元素可以设置宽高,独占一行。 5.我想让行内元素跟上面的元素距离10px,加margin-top和padding-top可以吗 margin-top,padding-top无效 的盒模型由什么组成 内容(width,height),border ,margin,padding 简述div+css布局的优势 (1)符合w3c标准;(2)兼容性好;(3)有利于搜索引擎很友好;(4)样式的调整更加方便;(5)css简洁的代码,能使样式和结构分离; 7.说说display属性有哪些可以做什么 display:block行内元素转换为块级元素 display:inline块级元素转换为行内元素 display:inline-block转为内联元素 display:box(css3新增的弹性布局属性) 选择符有哪些 选择器(# myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul < li) 6.后代选择器(li a)

JQuery面试题

JAVA面试试题集 1. 在公司是怎么用jQuery的? 基本选择器:1 基本选择器。 #id:id选择器。 .class:类选择器. 标签选择器:根据指定的元素名匹配元素。 群主选择器:将每一个匹配的元素合并并返回,以分号隔开。 *:通配符选择器,匹配所有的元素。 2 层次选择器 空格:选取指定元素的后代元素。 >:选取指定下的所有子元素。 +:选取紧接着的兄弟元素。 ~:选取元素后的所有兄弟元素。 3 滤选择器:基本过滤选择器,内容过滤选择器,可见性选择器,属性选择器,子元素选择器等。 动画效果:在登陆页面时使用过fadeIn()和fadeOut()方法修改元素的不透明度。 hide和show:同时修改多个样式属性即高度,宽度和不透明度。 fadeIn()与fadeOut():只改变不透明度。 slideUp()和slideDown():只改变高度。 fadeTo():用来代替fadeIn()与fadeOut()方法,只改变不透明度。 toggle():用来代替hide()和show()方法,所以会同时修改多个样式属性即高度,宽度和不透明度。 slideToggle():用来代替slideUp()和slideDown()方法,所以只改变高度。 animate():属于自定义动画的方法,可以代替其他任何动画。 stop():停止动画。 合成事件:使用过鼠标悬停事件,到鼠标移至某个地方时就触发指定功能。 bind():为匹配的元素绑定一个事件处理器。 hover:模拟光标悬停事件,当光标移动到元素上是就触发第一个函数,相反就触发第二个函数。 toggle:模拟鼠标连续点击事件,第一次点击调用第一个方法,第二次单击调用第二个方法,依次类推, 直到调到最后一个,随后轮番调用。 unbind():移除事件。 one():在执行完一次以后,处理函数立即被删除。 2. 为什么要使用jquery? 因为jQuery是轻量级的框架,大小不到30kb,它有强大的选择器,出色的DOM操作的封装,有可靠的事件处理机制, 完善的ajax,出色的浏览器的兼容性,而且支持链式操作,隐式迭代,行为层和结构层的分离,还支持丰富的插件, jquery的文档也非常的丰富。 3. 你觉得jquery有哪些好处? 轻量级的框架,强大的选择器,出色的DOM封装,可靠的事件处理机制,完善的Ajax,出

JAVAWEB综合笔试题

选择题(针对以下题目,请选择最符合题目要求的答案。针对每一道题目,所有答案都选对,则该题得分,所选答案错误或不能选出所有答案,则该题不得分。1-50题,每题2分) 1)在Oracle中,假设需要从学员表(student)中查询学员的毕业时间(graduatetime)并按照年/月/日的格式输出,则以下SQL语句正确的是()。(选择一项) a)SELECT EXTRACT(Y FROM s.graduatetime)||'/'|| EXTRACT(M FROM s.graduatetime)||'/'|| EXTRACT(D FROM s.graduatetime) FROM students; b)SELECT EXTRACT(YEAR s.graduatetime)||'/'|| EXTRACT(MONTH s.graduatetime)||'/'|| EXTRACT(DAY s.graduatetime) FROM students; c)SELECTEXTRACT(YEAR FROM s.graduatetime)||'/'|| EXTRACT(MONTH FROM s.graduatetime)||'/'|| EXTRACT(DAY FROM s.graduatetime) FROM students; d)SELECT EXTRACT(YEAR(s.graduatetime))||'/'|| EXTRACT(MONTH(s.graduatetime))||'/'|| EXTRACT((DAYFROMs.graduatetime)) FROM students; 2)在Linux系统中,()命令可以用来分页查看文件的内容。(选择二项) a)more b)less c)cat d)tailf 3)查询新闻明细表(news_detail),要求在新闻列表页面展现新闻数据,每页显示5条数据(pageSize=5),前台提供参数:页码(pageNo),请补全下面分页sql语 句()。注:mysql数据库 SELECT*FROMnews_detail ORDERBYcreateDateDESC______(1)_______(选择一项) a)LIMIT pageNo,pageSize b)LIMIT(pageNo-1),pageSize c)LIMIT(pageNo-1)*pageSize,pageSize d)LIMIT pageSize,(pageNo-1)*pageSize 4)在CSS中,关于背景属性的合写,下列代码正确的是()。(选择一项)

jquery考试题

1.下面哪种不是jquery的选择器?(D) 2.A、基本选择器B、后代选择器C、类选择器D、进一步选择器 3.当DOM加载完成后要执行的函数,下面哪个是正确的?(C) 4.A.jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements) 5.下面哪一个是用来追加到指定元素的末尾的?() 6.A、insertAfter() B、append() C、appendTo() D、after() 7.下面哪一个不是jquery对象访问的方法?(D) 8.A、each(callback) B、size() C、index(subject) D、index() 9.有这样一个表单元素,想要找到这个hidden元素,下面哪个是正确的?(B) 10.A、visible B、hidden C、visible() D、hidden() 11.如果需要匹配包含文本的元素,用下面哪种来实现?(B) 12.A、text() B、contains() C、input() D、attr(name) 13.如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?(C) 14.A、text() B、get() C、eq() D、contents() 15.下面哪种不属于jquery的筛选?(B) 16.A、过滤B、自动C、查找D、串联 17.如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?(D) 18.A、append(content) B、appendTo(content) C、

互联网大公司面试笔试题前端

问答题 1、HTML 中的table 元素有2 种布局(table-layout)算法,请给出默认值。并详细说明为什 么fixed 布局要比auto 快? 编程题 1、版本排序 题目描述:去哪儿前端技术团队一直很富有创新性,经常为了解决实际工作的一些痛点,自主开发一些工具,来解决这些问题。这样,工具的版本就成为了很重要的一个点,开发者如何提供正确版本,使用者如何获取正确版本,都是十分重要的。因此,版本都会遵循业界统一的规范---SemVer。常规版本规则如下: (1) 版本格式:主版本号.次版本号.修订号,例如1.2.3,版本的三个位数都必须存在,并且为0 到999 之间的整数。 (2) 主版本号:当你做了不兼容的功能修改 (3) 次版本号:当你做了向下兼容的功能性新增 (4) 修订号:当你做了向下兼容的问题修正 当然,使用者不一定会指定版本号,可能使用通配符(例如***)未自动获取满足条件的最新版本。(在本题中,只考虑这种情况表示匹配任意版本例如2.2.*,可以匹配所有 2.2.1,2.2.2 等;) 现在会给出一个版本列表,并给出使用者的匹配规则,找出符合版本规则而且满足条件的最新版本,并输出,如果没有找到相应结果,则输出0. 输入 输入第一行是一个整数N,之下N(0

2.1.8 2.1.0 2.1.* 样例输出 2.1.8 2、在去哪儿,前端工程师,在日常工作中,经常会使用到模版引擎,比较常用的有jQuery Template、artTemplate、Mustache 等。现在要求你实现一个简单的类似于 Mustache 的模版引擎,根据传入的模版字符串和数据,替换模版字符串中的标签,输出 出对应的HTML 片段。 需要支持的模版标签有: (1){{keyName}}:输出对象中属性名为keyName 的值。需要支持多级属性,比如{{https://www.360docs.net/doc/6016255855.html,2}}; (2) {{keyName}}content{{/keyName}}:keyName 对应的值为“真”时,输出content,为 “假”时不输出 (3) {{#arr}}content{{/arr}}:arr 对应的值为“假“时,输出content 为“真”时不输出; (4) {{.}}表示数组遍历中当前的元素(可以只考虑基本数据类型)。 (5) {{^keyName}}content{{/keyName}}:keyName 对应的值为“假”时,输出content,为 “真”时不输出; 注意:如果给定的数据中,没有对应的属性字段,标签替换为空。 输入: 第一行出入模版字符串(长度不超过1000),字符串中可以包含模版标签,也可以不包括标签。 第二行输入需要渲染的数据(JSON 字符串,长度不超过1000)。 输出: 输出对应的HTML 的片段。 代码输入:

Welcome Qunar-Man

最新AJAX笔试题

单项选择题(每题2分,共60分) 1.在Ajax技术中,实现控件CollapsiblePanel 垂直显示、失去焦点时自动折叠,需要依次设置(A)。 A、ExpandDirection、AutoCollapse B、ExpandDirection、Collapsed C、CollapsedSize、Collapsed D、ExpandDirection、AutoExpand 2.以下( D )技术不是Ajax的常用技术。 A、JavaScript B、XML C、CSS D、Cache 3.以下选项中(D )不是https://www.360docs.net/doc/6016255855.html, AJAX框架的组成部分。 A、AJAX ControlToolkit工具包 B、AJAX TCP增强组件 C、AJAX Library类库 D、Web Service https://www.360docs.net/doc/6016255855.html,中AJAX框架技术的Accordion控件的(A )属性用来设置菜单标题样式。 A、HeaderCssClass B、ContentCssClass。 C、HeaderTemplate D、ContentTemplate 5.在jQuery中,关于数据缓存描述错误的是(D)。 A、data()方法有两个参数,第一个是键值,第二个是设置的值。 B、获取缓存数据采用data()方法,它的参数是设置的键值。 C、removeData(),移除存放的数据。 D、缓存数据是存储在Cookies中的 6.在jQuery中,$("div>ul>li:last").text()的值是(B)。

    c
  • a
  • b
A、a B、b C、c D、"" https://www.360docs.net/doc/6016255855.html,中AJAX框架技术的CollapsiblePanel控件用于实现(C )效果。 A、弹出模式窗口

WEB面试题(不带答案)

WEB面试题 1、当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载:() A、ASP B、HTML C、ZIP D、CGI 2、常用的网页图像格式有:() A、gif,tiff B、tiff,jpg C、gif,jpg D、tiff,png 3、下列哪一项表示的不是按钮:() A、type="submit" B、type="reset" C、type="image" D、type="button" 4、下列哪一项是在新窗口中打开网页文档:() A、_self B、_blank C、_top D、_parent 5、下面关于DIV和SPAN标记的描述,错误的是( ) A、DIV默认情况下是块模式,即标记前后有类似换行符一样的功能; B、SPAN默认情况下是行模式,即标记前后内容在同行显示; C、DIV和SPAN标记行块模式,可以通过CSS的Display属性予以调整; D、前后两个DIV标记块的内容,不能出现在同一行; 6、下面关于CSS的描述,错误的是( ) A、CSS内容可以写在标记内的Style属性中,也可以写在一个外部的CSS 文件中; B、CSS内容前后有化括弧({}),每个属性之间用分号分隔,属性与属性值之 间用冒号隔开; C、在jQuery中,可以对选中标记进行一个或者多个属性及属性值的设置; D、对于某ID属性对应的标记进行CSS定义时,对同一个CSS属性进行了两 次设置,将以第一次定义为准,系统将自动忽略其后相同定义; 7、下面关于IMG标记的描述,错误的是( ) A、IMG标记的src属性用于确定图片的位置; B、IMG标记src属性所标记的图片,可以来自网页所在位置或相对该位置的 其他位置; C、IMG标记的src属性不能引用其他其他网址的图片; D、如果网页中应用了IMG且其src属性书写正确,图片也确实存在,则将 网页拷贝到其他位置时,其图片也将自动复制到该位置; 8、下面关于JavasSript的描述,错误的是( ) A、目前几乎所有浏览器都默认支持JavaScript程序; B、通过浏览器设置,可以禁止JavaScript程序的运行; C、在网页中使用JavaScript程序,仅能在Script标记对间; D、JavaScript程序可以保存在一个独立的文件中,通过Script标记的Src 属性引用该文件;

2016前端面试题第一套含答案

1) 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度
a. display:inline b. display:none c. display:block d. display:inherit
2) css 属性 overflow 属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都 会提供一种滚动机制。
True False 3) 新窗口打开网页,用到以下哪个值()。
a. _self b. _blank c. _top d. _parent 4) 下面有关 jquery 事件的响应,描述错误的是? a. b. c. d. onclick 鼠标点击某个对象 onfocus 元素失去焦点 onload 是某个页面的 css js html 文档结构和图像被完成加载 onmousedown 某个鼠标按键被按下
5)
元素的 alt 和 title 有什么异同,选出正确的说法?不同的浏览器,表现一样
a. alt 和 title 同时设置的时候,alt 作为图片的替代文字出现,title 是图片的解释文字 b. alt 和 title 同时设置的时候,title 作为图片的替代文字出现,alt 是图片的解释文字 c. 以上说法都不正确
6) 下列 js 可以让一个 input 的背景颜色变成红色的是?
A. inputElement.style.backgroundColor = 'red'; b. inputElement.backgroundColor = 'red'; c. inputElement.style.backgroundColor = '#0000'; d. inputElement.backgroundColor = '#0000';