Web前端面试题

1、jQuery 插件实现方式，分别介绍？

jQuery.fn.extend 封装直接在$下面的方法，就是根下面， 扩展 jQuery 元素集来提供新的方法（通常用来制作插件）。 $.extend 用来在 jQuery 命名空间上增加新函数。用一个或多个其他对象来扩展 一个对象，返回被扩展的对象 批量的方法用fn，静态的用$.extend（），不建议用扩展到根下面。

2、bind 和 live 的区别?

live 方法其实是 bind 方法的变种，其基本功能就同 bind 方法的功能是一样的，
都是为一个元素绑定某个事件，但是 bind 方法只能给当前存在的元素绑定事件，对于 事后采用 JS 等方式新生成的元素无效，而 live 方法则正好弥补了 bind 方法的这个缺陷， 它可以对后 生成的元素也可以绑定相应的事件.

3、js 和 jq 如何转换？

jQuery 对象是通过 jQuery 包装 DOM 对象后产生的对象。jQuery 对象是 jQuery 独有 的，其可以使用 jQuery 里的方法，但是不能使用 DOM 的方法；例如：
$("#img").attr(“src”,“test.jpg”); 这里的 $("#img")就是 jQuery 对象。
DOM 对象就是 Javascript 固有的一些对象操作。DOM 对象能使用 Javascript 固有的方法，但是不能使用 jQuery 里的方法。例如：document.getElementById(“img”).src = “test.jpg"；这里的 document.getElementById(“img”) 就是 DOM 对象。
$("#img").attr(“src”,“test.jpg”); 和 document.getElementById(“img”).src =
“test.jpg”; 是等价的，是正确的，但是 $("#img").src = “test.jpg” ；
或者 document.getElementById(“img”).attr(“src”,“test.jpg”); 都是错误的。

来源：CSDN

作者：[body]

链接：https://blog.csdn.net/qq_45743129/article/details/104301094