实用前端面试题,你值得拥有

前端

写在前面
CSDN话题挑战赛第1期

  • 活动详情地址:https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f
  • 参赛话题:前端面试宝典
  • 话题描述:欢迎各位加入话题创作得小伙伴,如果我没有猜错得话,我觉得你是应该同我一样是一位前端人。如今前端在IT事业中的占比越来越重,已经成为不可缺少的部分,前端技术也是层出不穷,各种技术类、技术框架也蜂拥而出,前端面试的难度也随之增加,如果我们拥有一套前端面试宝典。如果你是应聘者:你就可以从容的solo面试官,如果你是面试官:你就可以将应聘者拷问到骨子里!
    总之我们大家一起将自己的面试经验以及学习到的知识点汇聚于此,形成一套体系的前端面试宝典。让读者无论是面试还是学习都能够有非常大的收获。就让我们携手共筑前端面试宝典吧!!!

题目一:HTTP常见状态码

考点

这道题考的是HTTP常见的状态码,这需要靠自己平时的经验和积累,对程序员来说,常见的状态码还是要知道的,面试时每种类型的状态码都能说出来几个应该就没问题了。

答案

HTTP状态码类型

状态码响应类别描述
1XX信息性状态码(Information)服务器正在请求处理
2XX成功状态码(Success)请求已正常处理完毕
3XX重定向状态码(Redirection)需要进行额外操作以完成请求
4XX客户端错误状态码(Client Error)客户端原因导致服务器无法处理请求
5XX服务器错误状态码(Server Error)服务器原因导致处理请求出错

1XX类型状态码

状态码状态码英文名称描述
100Continue继续。客户端应继续响应其请求
101Switching Protocols切换协议。服务器根据客户端的请求切换协议。只能切换到更高级的协议,例如,切换到HTTP的新版本协议

2XX类型状态码

状态码状态码英文名称描述
200OK请求成功。一般用于GET与POST请求
201Created已创建。成功请求并创建了新的资源
202Accepted已接受。已经接受请求,但未处理完成
204No Content无内容。服务器成功处理,但未返回内容。在未更新网页的情况下,可确保浏览器继续显示当前文档
206Partial Content部分内容。服务器成功处理了部分GET请求

3XX类型状态码

状态码状态码英文名称描述
301Moved Permanently永久移动。请求的资源已被永久的移动到新URI,返回信息会包括新的URI,浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替
302Found临时移动。与301类似。但资源只是临时被移动。客户端应继续使用原有URI
303See Other查看其它地址。与301类似。使用GET和POST请求查看
304Not Modified未修改。自从上次请求后,请求的网页未修改过。
307Temporary Redirect临时重定向。与302类似。使用GET请求重定向

4XX类型状态码

状态码状态码英文名称描述
400Bad Request客户端请求的语法错误,服务器无法理解
401Unauthorized请求要求用户的身份认证
403Forbidden服务器理解请求客户端的请求,但是拒绝执行此请求
404Not Found服务器无法根据客户端的请求找到资源(网页)。通过此代码,网站设计人员可设置"您所请求的资源无法找到"的个性页面

5XX类型状态码

状态码状态码英文名称描述
500Not Implemented服务器不支持请求的功能,无法完成请求
503Service Unavailable由于超载或系统维护,服务器暂时的无法处理客户端的请求。延时的长度可包含在服务器的Retry-After头信息中

题目二:Ajax常用请求方式有几种?

考点

这道题考的是关于Ajax的知识点,我们要对Ajax有一定的了解,Ajax常见的请求方式有几种呢?分别是怎样的呢?

答案

Ajax常用的请求方式主要有4种分别是:

1、$.ajax()返回其创建的 XMLHttpRequest 对象
$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。
如果指定了 dataType 选项,那么需要保证服务器返回正确的 MIME 信息,(如 xml 返回 “text/xml”)。

2、通过远程 HTTP GET 请求载入信息
相比于复杂的 $.ajax 而言,GET请求功能则显得更加简单,请求成功时可调用回调函数。当然如果需要在出错时执行函数,那么还请使用 $.ajax。

3、通过远程 HTTP POST 请求载入信息
 POST请求功能也相对比较简单,请求成功时可调用回调函数。如果需要在出错时执行函数,那么请使用$.ajax请求。

4、通过 HTTP GET 请求载入 JSON 数据

题目三:谈谈你对MVVM开发模式的理解

考点

这道题考的是Vue的知识点,这需要我们对Vue有一定的了解,如果使用过MVVM开发模式进行过项目开发的话,那这道题应该就没问题了,如果没有,那也不用慌,首先你得知道MVVM分别代表的是什么?然后再解释其功能作用,以及其关联。

答案

  • MVVM分别代表的是 Model、View、ViewModel三者。
  • Model 代表数据模型,数据和业务逻辑都在Model层中定义;
  • View 代表UI视图,负责数据的展示;
  • ViewModel 负责监听 Model 中数据的改变并且控制视图的更新,处理用户交互操作;
  • Model 和 View 并无直接关联,而是通过 ViewModel 来进行联系的,Model 和 ViewModel 之间有着双向数据绑定的联系。因此当 Model 中的数据改变时会触发 View 层的刷新,View 中由于用户交互操作而改变的数据也会在 Model 中同步。
  • 该模式实现了 Model 和 View 的数据自动同步。

写在最后

CSDN话题挑战赛第1期

参与评论 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:深蓝海洋 设计师:CSDN官方博客 返回首页

打赏作者

依米花~

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值