自己总结的Web前端jquery面试题

 2024-02-24 02:05:09  阅读 0

1 你在公司如何使用它?

答:项目中如何使用取决于你是否有项目经验(根据你的实际情况回答)。 您使用过哪些选择器、动画、表单、ajax 事件等?

配置环境下载类库,并在jsp页面引用类库。

2 为什么要使用它?

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

3 你认为有什么好处?同上答案

4 您在使用过程中遇到过哪些问题,是如何解决的?

答:这个答案是制定出来的,取决于你是否有相关的项目经验。

示例:前台获取不到值,但JSON出现错误(多了空格等)。 这个编译器不会报错。 该库与其他库冲突;

今天处理数据问题的时候,发现.ajax()方法返回的值总是有问题。 清除缓存后,数据正​​确。 经过多次测试,发现返回值是之前的值,并且url始终没有被执行(后台是JAVA,设置的断点没有进入)。 网上查了一下,发现是类型没有设置。 如果.ajax的type="Post"没有设置,那么ajax将默认为type="Get",这会导致之前的数据被缓存。 添加 type="Post" 问题解决!

5 你知道 中的选择器吗? 你能告诉我有哪些选择器吗?

答:选择器大致分为:基本选择器、层次选择器、过滤选择器、表单选择器。

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

答:选择器支持CSS中的选择器。

选择器可以用来添加样式以及添加相应的行为

CSS中的选择器只能添加相应的样式

7 您认为选择器的优点是什么?

答案:只需写 $('ID') 而不是 .() 函数

支持 CSS1 到 CSS3 选择器

完善的处理机制(即使ID写错也不会报错)

8 使用选择器时有什么需要注意的地方吗?

答:1 当选择器中包含“.”、“#”、“[”等特殊字符时,需要进行翻译。

2 属性选择器的引号问题

3 选择器中空格的注意事项

9 对象和DOM对象如何转换?

答:转换DOM对象:对象是数组对象,通过丰富[index]即可得到对应的DOM对象

还可以通过get[index]获取对应的DOM对象。

DOM 对象到对象:$(DOM 对象)

10.如何使用ajax?

答:如果是一些常规的ajax程序,可以使用load()、$.get()、$.post(),一般我会使用$.post()方法。 如果需要设置(提交前的回调函数)、错误(失败后处理)、(成功后处理)和(请求后处理)回调函数等,此时我会使用$.ajax()

11 你认为ajax好用吗? 为什么?

答:使用起来很方便。 因为它为日常开发提供了一些快捷的操作,比如load、ajax、get、post等,所以开发ajax会变得异常简单。 我们可以专注于业务和用户体验,而不必去忘记那些复杂的事情。

12 $.get()提交和$.post()提交有什么区别吗?

答:1 $.get()方法使用GET方法进行异步请求。

$.post() 方法使用 POST 方法发出异步请求。

2 get请求会传递URL后面的参数,而POST请求则作为HTTP报文的实体内容发送到Web服务器。 这种传输对于用户来说是不可见的。

3 get方法传输的数据大小不能超过2KB,而POST则大得多。

4 GET方法请求的数据会被浏览器缓存,因此存在安全问题。

13中的load方法一般如何使用?

答:load方法一般用在加载远程HTML代码并插入到DOM中时。

通常用于从Web服务器获取静态数据文件。

如果要传递参数,可以使用$.get()或$.post()

14 在中如何操作样式?

答案:() 附加样式

() 删除样式

() 切换样式

15 简要描述您如何处理事件。 您使用过哪些事件?

答:首先加载文档。 页面完成后,浏览器将向 DOM 元素添加事件。

js时间插件_插件时间格式怎么设置_jquery时间选择器插件

16 您使用过Zhong的动画吗?您是如何使用的?

答:用过。

hide() 和 show() 同时修改多个样式属性。 比如高度、宽度、不透明度。 () 和 () () 只改变不透明度

() 和 () () 只改变高度

()是自定义动画的方法。

17 您使用过任何插件吗?

答:答案取决于个人实力和经验,例如:,。

18 您通常使用什么方式提交数据?为什么?

答:一般我使用$.post()方法。

如果需要设置(提交前的回调函数)、错误(失败后处理)、(成功后处理)和(请求后处理)回调函数等,此时我会使用$.ajax()

19 引入css有几种方式?

答:内联、嵌入、导入、链接四种

20 您使用过哪些方法来插入节点,它们的区别是什么? 答案:(),(),(),(),之后(),() (),()

添加内

1.向文档添加元素

2.()向对象添加匹配元素

3.()添加在元素之前

4.()将匹配元素添加到对象的前面

外部添加

1.after() 添加在元素后面

2.()添加在元素之前

3.()在对象后面添加匹配元素

4.() 在对象前添加匹配元素

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

答案:1.wrap()将匹配的元素包裹起来

2.() 将所有匹配的对象包装在单个元素中

3.()包裹每个元素的子内容

当您需要在文档中插入额外的结构化标记时,可以使用这些包装方法,因为它不会模糊原始文档的语义。

如何获取或设置22中的属性?

答:您可以使用 attr() 方法来获取和设置元素属性。

() 方法删除元素属性

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

答:html()方法类似于属性,可以用来读取或设置某个元素中的HTML内容。 注意:html()可以用于xhtml文档,但不能用于xml文档。

Text() 与属性类似,可用于读取或设置元素的文本内容。

val() 可用于设置和获取元素的值

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

答案: () 获取匹配元素的子元素集合,只考虑子元素而不考虑后代元素 next() 获取紧接在匹配元素后面的兄弟元素

prev() 获取紧邻匹配元素之前的同级元素

() 获取匹配元素前后的所有兄弟元素

() 获取最近的匹配元素

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

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

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

26 可以更换节点吗?

答:替换()和()中的节点有两种方法例如:

你好吗

替换为我很好 $('p').('我很好');

只需交换 和 的用法即可。

jquery时间选择器插件_js时间插件_插件时间格式怎么设置

27 你认为这个方法有什么用?

答:您可以在发送请求之前修改对象的功能。 如果返回false,则可以取消本次Ajax请求。该对象是唯一的参数,因此可以在该方法中进行验证

28 () 方法与 $('prev~div') 选择器相同吗?

答案:$('prev~div') 只能选择'#prev'元素之后的同级

元素

()方法与前后文职职位无关,只要是peer节点就可以匹配。

29 你在ajax中使用过JSON吗? 你是怎么用的?

答:我用过,在$.()方法中。

因为$.()是用来加载JSON文件的

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

答:我公司用过

:first 查询第一个, :last 查询最后一个,

:odd 查询奇数但索引从0开始:even 查询偶数,

:eq(index) 查询相等, :gt(index) 查询大于索引,

:lt 查询小于索引:选择所有标题等。

31 () 可以代替 $('prev~') 选择器吗?

答案:是的。使用 () 与使用 $('prev~') 是一样的

32中有多种设置和获取样式的方法

答案:()方法、attr()方法

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

答:两种方法的功能类似,但执行时机有差异。

1、该方法在网页中的所有元素(包括元素的所有关联文件)完全加载到浏览器中后执行。

2 $().ready() 方法可以在准备好加载和调用执行绑定的函数时操作 DOM。

34如何处理缓存?

答:要处理缓存,只需禁用缓存即可。

1 如果通过$.post()方法获取数据,则默认禁用缓存。

2 通过$.get()方法获取数据,通过设置时间戳避免缓存。

您可以在 URL 后添加 +(+new Date)

示例$.get('ajax.xml?'+(+new Date), () { //});

3、通过$.ajax方法获取数据,只需设置cache:false即可。

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

答:1 $.()方法可以直接加载.js文件,不需要对文件进行处理。 该文件将自动执行。

2 $.() 用于加载JSON文件。 用法与$.()相同

36 你读过有关这方面的书吗?

答:《基础教程》、《实战》、《犀利》、《智能使用》、《用户界面库学习指南》等。

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

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

2 $("#msg").text("新的"); 就是将“new”作为普通的文本字符串写入到id为msg的元素节点的内容中。

页面显示粗体new

38 radio 单选组的第二个元素是当前选择的值。 如何获得?

答案:$('input[name=items]').get(1)。 =真;

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

答:每个ID名称在网页中只能使用一次,类可以重复使用。

40 您使用过哪些数据格式,它们的特点是什么?

答:HTML格式、JSON格式、XML格式

1 提供外部数据的 HTML 片段通常是最简单的。

2 如果数据需要重用,并且可能同时影响其他应用程序,那么在性能和文件大小上具有优势的 JSON 通常是一个不错的选择。

3 当远程应用程序未知时,XML可以为良好的互操作性提供最可靠的保证。

插件时间格式怎么设置_jquery时间选择器插件_js时间插件

41 可以做什么?

答案:1 获取页面元素

2 修改页面外观

3 更改页面内容

4 响应用户页面操作

5 给页面添加动态效果

6.无需刷新页面即可从服务器获取信息。

7 简化常见任务

42 ajax中获取数据主要有哪几种方法?

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

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

答案:hover() 和 () 是两个合成事件。

hide()方法用于模拟光标悬停事件。

()方法是连续点击事件。

44 你知道 中的事件冒泡,它是如何执行的,以及如何停止冒泡事件吗?

答:是的,事件冒泡是从内到外触发的。

中提供了()方法来停止冒泡。

45 比如点击超链接会自动跳转、点击“提交”按钮会导致表单提交等等。有时候我想阻止这些默认行为,该怎么办?

答:可以使用event.()

或者在事件处理函数中返回false,即false;

46.​​提交表单前有几种验证方式? 分别? ?

:返回一个数组,可以通过循环调用来验证

:返回一个对象,全部需要先转为DOM对象

:返回一个数组()

47.你在国内写过插件吗? 插件有什么好处? 你写过什么插件? 应该注意什么?

答:插件的好处:封装现有的一系列方法或功能,使其可以在其他地方复用,方便后期维护,提高开发效率。

插件的分类:封装对象方法插件、封装全局函数插件、选择器插件。 注意事项:

1.建议插件文件名命名为.[插件名称].js,避免与其他库插件混淆。

2.所有对象方法都应该附加到.fn对象,所有全局函数都应该附加到对象本身

3.插件应该返回一个对象,以确保插件可以被链接。

4. 避免使用 $ 作为插件内对象的别名。 相反,使用完整的表示来避免冲突或使用闭包来避免冲突。

5、所有的方法或函数插件都应该有一个好的结尾,否则压缩时可能会出现问题。在插件的头部添加分号,防止别人不规范的代码影响插件。

6、通过$.({})封装插件中的全局函数和选择器插件,扩展现有对象,通过$.fn.({})封装对象方法插件

48.如何动态添加新元素? 那么如何将事件绑定到新生成的元素上呢?

html() 可以将新元素追加到现有元素上

在生成元素之前直接绑定肯定是无效的,因为绑定的元素当前根本不存在。

所以我们可以通过live和

49.与UI有什么区别?

* 是一个js库,主要提供选择器、属性修改、事件绑定等。

* UI是基于可扩展性和插件设计的。

提供一些常用的界面元素,如对话框、拖动行为、调整大小行为等。

50. 如何将数组转换为json字符串然后再转换回来?

中没有提供此功能,因此需要先编写两个扩展:

$.fn。 =(数组){

JSON.(数组)

$.fn。 =(数组){

JSON.parse(数组)

然后调用:

$("").(数组)

标签: 元素 插件 匹配

如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码