2024年Ajax面试常见问题及答案，2024年最新一个前端程序员的腾讯面试心得

最后

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

Chrome内核为：blink（基于webkit，谷歌与Opera software共同开发）；

Firefox内核为：gecko；

Safari内核为：webkit内核；

Opera内核为：blink （跟Chrome一样），之前为presto；

5、ajax如何解决浏览器缓存问题,有几种解决方案？

方案1）在ajax发送请求前加上 anyAjaxObj.setRequestHeader(“If-Modified-Since”,“0”)

方案2）在ajax发送请求前加上 anyAjaxObj.setRequestHeader(“Cache-Control”,“no-cache”)

方案3）在URL后面加上一个随机数： “fresh=” + Math.random();

方案4）在URL后面加上时间戳：“nowtime=” + new Date().getTime()

方案5）在jq ajax下，使用 $.ajaxSetup({cache:false}) 这样就不会保存缓存记录

6、简述ajax的优缺点

优点：

1）无刷新更新数据（在不刷新整个页面的情况下维持与服务器通信）

2）异步与服务器通信（使用异步的方式与服务器通信，不打断用户的操作）

3）前端和后端负载均衡（将一些后端的工作交给前端，减少服务器与宽度的负担）

4）界面和应用相分离（ajax将界面和应用分离也就是数据与呈现相分离）

缺点：

1）ajax不支持浏览器back按钮

2）安全问题 Aajax暴露了与服务器交互的细节

3）对搜索引擎的支持比较弱

4）破坏了Back与History后退按钮的正常行为等浏览器机制

7、阐述一下异步加载JS的几种方案（异步加载：浏览器在下载执行js的同时，还会继续进行后续页面的处理）

方案1）异步加载的方案： 动态插入 script 标签

方案2）通过 ajax 去获取 js 代码，然后通过 eval 执行

方案3）script 标签上添加 defer 或者 async 属性

方案4）创建并插入 iframe，让它异步执行 js

8、json字符串与对象如何相互转换

把JSON格式转成对象：JSON.parse()

把对象转成标准json：JSON.stringify()

使用eval能够把字符串尽量转成js运行的代码 eval(’(’ + jsonstr + ‘)’)

eval是不安全的（可能会注入不必要的东西），通过new Function(’’,‘return’+json)();可以解决该问题

9、介绍一下XMLHttpRequest对象，他有哪些常用方法和属性

XMLHttpRequest是ajax的核心，通过XMLHttpRequest对象，Web开发人员可以在页面加载以后进行页面的局部更新

常用的方法：

open(get/post,url,是否异步)创建http请求

send()发送请求给服务器

setRequestHeader()设置头信息（使用post才会用到，get并不需要调用该方法）

常用的属性：

onreadystatechange 用于监听ajax的工作状态（readyState变化时会调用此方法）

readyState 用来存放XMLHttpRequest的状态

status 服务器返回的状态码

responseText 服务器返回的文本内容

10、说下readyState属性是干嘛的，都有哪几个状态

readyState属性用来存放XMLHttpRequest的状态，监听从0-4发生不同的变化

0：请求未初始化（此时还没有调用open）

1：服务器连接已建立，已经发送请求开始监听

2：请求已接收，已经收到服务器返回的内容

3：请求处理中，解析服务器响应内容

4：请求已完成，且响应就绪

11、jquery ajax怎么实现,你认为他有什么不足之处

$.ajax({

url:发送请求的地址,

data:数据的拼接,//发送到服务器的数据

type:‘get’,//请求方式，默认get请求

dataType:‘json’,//服务器返回的数据类型

async:true,//是否异步，默认true

cache:false,//设置为 false 将不会从浏览器缓存中加载请求信息

success:function(){},//请求成功后的回调函数

error: function(){}//请求失败时调用此函数

})

不足之处：

（1）针对MVC的编程,不符合现在前端MVVM的浪潮

（2）基于原生的XHR开发，XHR本身的架构不清晰，已经有了fetch的替代方案

12、说一下同步和异步的区别

同步会阻塞，异步不会阻塞

最后

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】