写在前面
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类型状态码
| 状态码 | 状态码英文名称 | 描述 |
|---|---|---|
| 100 | Continue | 继续。客户端应继续响应其请求 |
| 101 | Switching Protocols | 切换协议。服务器根据客户端的请求切换协议。只能切换到更高级的协议，例如，切换到HTTP的新版本协议 |
2XX类型状态码
| 状态码 | 状态码英文名称 | 描述 |
|---|---|---|
| 200 | OK | 请求成功。一般用于GET与POST请求 |
| 201 | Created | 已创建。成功请求并创建了新的资源 |
| 202 | Accepted | 已接受。已经接受请求，但未处理完成 |
| 204 | No Content | 无内容。服务器成功处理，但未返回内容。在未更新网页的情况下，可确保浏览器继续显示当前文档 |
| 206 | Partial Content | 部分内容。服务器成功处理了部分GET请求 |
3XX类型状态码
| 状态码 | 状态码英文名称 | 描述 |
|---|---|---|
| 301 | Moved Permanently | 永久移动。请求的资源已被永久的移动到新URI，返回信息会包括新的URI，浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替 |
| 302 | Found | 临时移动。与301类似。但资源只是临时被移动。客户端应继续使用原有URI |
| 303 | See Other | 查看其它地址。与301类似。使用GET和POST请求查看 |
| 304 | Not Modified | 未修改。自从上次请求后，请求的网页未修改过。 |
| 307 | Temporary Redirect | 临时重定向。与302类似。使用GET请求重定向 |
4XX类型状态码
| 状态码 | 状态码英文名称 | 描述 |
|---|---|---|
| 400 | Bad Request | 客户端请求的语法错误，服务器无法理解 |
| 401 | Unauthorized | 请求要求用户的身份认证 |
| 403 | Forbidden | 服务器理解请求客户端的请求，但是拒绝执行此请求 |
| 404 | Not Found | 服务器无法根据客户端的请求找到资源（网页）。通过此代码，网站设计人员可设置"您所请求的资源无法找到"的个性页面 |
5XX类型状态码
| 状态码 | 状态码英文名称 | 描述 |
|---|---|---|
| 500 | Not Implemented | 服务器不支持请求的功能，无法完成请求 |
| 503 | Service 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期
3万+
