想学jQuery要了解的20个知识，干货！

Posted 2021-04-08 蚊子的窝

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了想学jQuery要了解的20个知识，干货！相关的知识，希望对你有一定的参考价值。

1．请简要说明jQuery框架的显著特点。

答：jQuery强调的理念是写的少，做的多(write less，do more)。其主要特点有：轻量级、强大的选择器、漂亮的DOM操作封装、可靠的事件处理机制、完善的Ajax处理、出色的浏览器兼容性、链式操作方式、丰富的插件支持、开源产品。

2．eval是做什么的？

答：eval功能是把对应的字符串解析成JS代码并运行；但不安全，非常耗性能。

3．null与undefined的区别？

答：Undefined类型只有一个值，即undefined，当声明的变量还未被初始化时，变量的默认值为undefined。Null类型也只有一个值，即null，null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象。

4．谈谈对this对象的理解。

答：this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。但是有一个总原则，那就是this指的是调用函数的那个对象。

5．use strict是什么意思？

答：表示代码标志为“严格模式”，则其中运行的所有代码都必然是严格模式下的。如果在语法检测时发现语法问题，则整个代码块失效，并导致一个语法异常。如果在运行期出现了违反严格模式的代码，则抛出执行异常。

6．简述new操作符的功能。

答：

（1）创建一个空对象，使用this变量引用该对象，同时还继承了该函数的原型

（2）属性和方法被加入到this引用的对象中。

（3）新创建的对象由this所引用，并且最后隐式的返回this。

7．描述typeof关键字的功能。

答：typeof可用来判断一个变量是否为空或是什么类型的变量。typeof一般只能返回如下几个结果：number、boolean、string、function、object、undefined。

8．描述instanceof关键字的功能。

答：instanceof可用来判断一个变量是否为空或是什么类型的变量。如果想判断一个变量是否某个对象的实例建议使用instanceof关键字。

9．简述hasOwnProperty函数的功能。

答：hasOwnProperty函数是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是，此方法无法检查该对象的原型链中是否具有该属性，该属性必须是对象本身的一个成员。

10．简述一下isPrototypeOf函数的功能。

答：isPrototypeOf函数是用来判断要检查其原型链的对象是否存在于指定对象实例中，是则返回true，否则返回false。

11．谈谈对JSON的了解。

答：JSON(javascript Object Notation)是一种轻量级的数据交换格式。其是基于JavaScript的一个子集，具有数据格式简单，易于读写，占用空间小的特点。

12．Ajax是什么？

答：AJAX即“Asynchronous Javascript+XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

13．同步请求和异步请求的区别？

答：

l 同步：提交请求→等待服务器处理→处理完毕返回，这个期间客户端浏览器不能干任何事。

l 异步：请求通过事件触发→服务器处理（这是浏览器仍然可以作其他事情）→处理完毕。

14．jQuery如何解决跨域问题？

答：借助JSONP这个非官方的协议，其允许在服务器端集成script tags返回至客户端，通过callback的形式实现跨域访问JSONP即JSON with Padding。如果要进行跨域请求，我们可以通过使用html的script标记来进行跨域请求，并在响应中返回要执行的script代码，其中可以直接使用JSON传递javascript对象。

15．异步加载的方式有哪些？

答：

（1）defer，只支持IE；

（2）async；

（3）创建script，插入到DOM；

16．如何编写高性能的jQuery代码？

答：定义jQuery变量的时候添加var关键字；DOM操作请务必记住缓存（cache）；尽量使用链式操作；尽量把一些代码都整合到一起；避免使用全局类型的选择器；尽量使用.on方法，因为其它任何方法都是最终使用.on方法来实现的；尽量使用最新版本的jQuery框架类库。

17．jQuery与jQuery UI有啥区别？

答：

（1）jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。

（2）jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等。

18．描述基于class的选择器与基于id选择器在性能上的区别。