Skip to main content
 Web开发网 » 编程语言

史上最全的web前端面试题汇总及答案JQuery(四)

2021年10月11日7030百度已收录

作者:樱桃小丸子儿

链接:

史上最全的web前端面试题汇总及答案JQuery(四)  jQuery面试 第1张

1、你使用过jQuery吗?如果有,你为什么要使用jQuery呢?

①用过。

②如果使用原生javascript开发的话,会面临很多问题,如浏览器兼容、Ajax数据解析、Dom、事件注册操作等都非常烦锁,而jQuery正好解决了这些问题。

③当然jQuery还有非常有用的其它特性,如为dom对象绑定数据、动画、等。并且jQuery还非常容易扩展,在它的基础上开发非常灵活,也有众多的插件可用,如jQueryUI、easyUI等。

2、Javascript与jQuery有什么区别?

jquery 就对javascript的一个扩展,封装,就是让javascript更好用,更简单。

3、在jQuery中如何注册事件?

使用bind()方法注册事件,但通常我们使用与事件同名的方法注册更方便,如:click()、hover()等。

4、如何获取Html内容?如何获取文本内容?如何获取属性值?如何获取input值?如何创建新的节点?

史上最全的web前端面试题汇总及答案JQuery(四)  jQuery面试 第2张

可以使用html()获取html内容。

使用text()获取文本内容。

使用attr()可以获取属性值,使用css()可以获取样式属性值。

通过val()便可以获取input的值

把节点元素名加上<、>作为参数调用jQuery方法便可创建新节点,如:jQuery(“<div>”)。

5、如何向页面插入节点?

调用append方法,将新节点作为参数。

6、ajax、get、post、ajaxSetup、getJSON各有何用途?

①ajax:jQuery对ajax执行的核心方法。其它ajax方法都是使用该方法实现。

②get:专门用于发送get请求的便捷方法。

③post:专门用于发送post请求的便捷方法。

④ajaxSetup:设置调用ajax方法时的默认值。

⑤getJSON:专门用于向服务器请求json格式数据的便捷方法。

7、如何使用从服务器获取一个复杂数据(对象)?

①通常会把这个数据转换为通用的数据交换格式,如xml或json。由于xml解析比较麻烦,所以使用json比较多。

②在jQuery中有专门的获取服务器json数据的方法,getJSON(),在回调中,jQuery会自动将json转换为javascript对象。

8、addClass、css有何用途?

①addClass:为元素设置class属性,如果该元素已经存在class属性,则在其值后添加空格及新的class值。

②css:操作元素的style属性的方法。

9、如何获取一个元素的实际位置?

使用position()或offset()都可以。

10、bind()、unbind()、hover()有何用途?

bind():注册特定事件。

unbind():删除特定事件。

hover():同时注册鼠标移入、移出事件。

11、你知道jQuery插件吗?你了解jQuery执行原理和插件机制吗?你都用过哪些jQuery插件?

史上最全的web前端面试题汇总及答案JQuery(四)  jQuery面试 第3张

①知道jQuery插件。

②其原理是扩展jQuery本身及其核心函数的原型实现。可以调用其extend实现对它的扩展。

③jQuery插件有很多,常见的有:jQueryUI、jQuery-Cookie、jQuery-Timer等。

其它

1、HTTP状态码知道哪些?

100 Continue 继续,一般在发送post请求时,已发送了之后服务端将返回此信息,表示确认,之后发送具体参数信息

200 OK 正常返回信息

201 Created 请求成功并且服务器创建了新的资源

202 Accepted 服务器已接受请求,但尚未处理

301 Moved Permanently 请求的网页已永久移动到新位置。

302 Found 临时性重定向。

303 See Other 临时性重定向,且总是使用 GET 请求新的 URI。

304 Not Modified 自从上次请求后,请求的网页未修改过。

400 Bad Request 服务器无法理解请求的格式,客户端不应当尝试再次使用相同的内容发起请求。

401 Unauthorized 请求未授权。

403 Forbidden 禁止访问。

404 Not Found 找不到如何与 URI 相匹配的资源。

500 Internal Server Error 最常见的服务器端错误。

503 Service Unavailable 服务器端暂时无法处理请求(可能是过载或维护)。

2、你有哪些性能优化的方法

(1) 减少缓存 ,图片服务器。

(2) 前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数。

(3) 用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能。

(4) 当需要设置的样式很多时设置className而不是直接操作style。

(5) 少用全局变量、缓存DOM节点查找的结果。减少IO读取操作。

(6) 避免使用CSS Expression(css表达式)又称Dynamic properties(动态属性)。

(7) 图片预加载,将样式表放在顶部,将脚本放在底部 加上时间戳。

3、什么叫优雅降级和渐进增强?

优雅降级:Web站点在所有新式浏览器中都能正常工作,如果用户使用的是老式浏览器,则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题,针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案,使之在旧式浏览器上以某种形式降级体验却不至于完全失效。

渐进增强:从被所有浏览器支持的基本功能开始,逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的。当浏览器支持时,它们会自动地呈现出来并发挥作用。

4、哪些常见操作会造成内存泄漏?

①内存泄漏指任何对象在您不再拥有或需要它之后仍然存在。

②垃圾回收器定期扫描对象,并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为 0(没有其他对象引用过该对象),或对该对象的惟一引用是循环的,那么该对象的内存即可回收。

③setTimeout 的第一个参数使用字符串而非函数的话,会引发内存泄漏。

④闭包、控制台日志、循环(在两个对象彼此引用且彼此保留时,就会产生一个循环)

5、线程与进程的区别

史上最全的web前端面试题汇总及答案JQuery(四)  jQuery面试 第4张

①一个程序至少有一个进程,一个进程至少有一个线程。

②线程的划分尺度小于进程,使得多线程程序的并发性高。

③另外,进程在执行过程中拥有独立的内存单元,而多个线程共享内存,从而极大地提高了程序的运行效率。

④线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行,必须依存在应用程序中,由应用程序提供多个线程执行控制。

⑤从逻辑角度来看,多线程的意义在于一个应用程序中,有多个执行部分可以同时执行。但操作系统并没有将多个线程看做多个独立的应用,来实现进程的调度和管理以及资源分配。这就是进程和线程的重要区别。

6、一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?

(1)查找浏览器缓存

(2)DNS解析、查找该域名对应的IP地址、重定向(301)、发出第二个GET请求

(3)进行HTTP协议会话

(4)客户端发送报头(请求报头)

(5)服务器回馈报头(响应报头)

(6)html文档开始下载

(7)文档树建立,根据标记请求所需指定MIME类型的文件

(8)文件显示

评论列表暂无评论
发表评论
微信