3)等待服务器相应
xhr.onload
4)向服务器发送请求
xhr.send()
3、AJAX应用和传统Web应用有什么不同
在传统的Js中,如果想发送客户端信息到服务器,需要建立一个HTML表单然后GET或者POST数据到服务器端
用户需要点击提交按钮来发送数据信息,然后等待服务器响应请求,页面重新加载
使用AJAX技术,就可以使Javascript通过XMLHttpRequest对象直接与服务器进行交互
4、XMLHttpRequest对象在IE和Firefox中创建方式有没有不同?
IE中通过new ActiveXObject()得到,Firefox中通过newXMLHttpRequest()得到
使用jquery封装好的ajax,会避免这些问题
扩展:
IE内核为:trident;
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:请求已完成,且响应就绪
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
其实前端开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。
这里再分享一个复习的路线:(以下体系的复习资料是我从各路大佬收集整理好的)
《前端开发四大模块核心知识笔记》
最后,说个题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。
我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。
我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-htOvmaNA-1712915084041)]