前端如何调用后端接口(前端工程师面试自我介绍)

随着互联网的快速发展和IT开发技能的升级 , 前端和后端已经成为互联网项目开发的行业级应用方式 。实际工作中 , 前后端的接口对齐和对接工作量占Web前端人员日常工作的30%-50% , 甚至更高 。面向优秀程序员的下一系列Web前端教程将分别教你前端和后端接口 。
为什么前后端要分开?
【前端如何调用后端接口(前端工程师面试自我介绍)】独立开发前端和后端 , 放在两个不同的服务器上 , 需要独立布置 。两个不同的项目 , 两个不同的代码库 , 不同的开发人员 , 前端和后端工程师需要在交互界面上达成一致 , 才能实现同步开发 。开发停止后 , 需要独立安排 。前端通过接口调用后端的API 。前端只需要对页面样式和动态数据进行分析和渲染 , 后端则专注于具体的业务逻辑 。

前端如何调用后端接口(前端工程师面试自我介绍)

文章插图
前端和后端分离有什么好处?
1.彻底解放前端 。前端不再需要向后端提供模板 , 后端也不再需要在前端HTML中嵌入后端生成 。
2.提高工作效率 , 明确分工 。只有前端业务和后端业务只关心后端业务 。两种开发可以同时进行 。当后端没有时间供给接口时 , 前端可以把数据写死或者先调用本地的JSON文件 , 页面增长和路由修正都不用麻烦后端 , 开发更加灵巧 。
3.本地绩效提升 。通过前端路由的配置 , 我们可以按需加载页面 , 不需要开始加载主页就可以加载网站的所有资源 , 服务器不再需要解析前端页面 , 提高了页面交互和用户体验 。
4.降低保护成本 。目前 , 通过主流的前端MVC框架 , 我们可以快速定位和发明问题 , 客户端的问题不再需要后台人员的参与和调试 , 代码的重新配置和保护的增强 。
5.实现高内聚低耦合 , 降低后端(应用)服务器的并发/负载压力 。
6.即使后端服务暂时超时或宕机 , 前端页面也会正常访问 , 但无法提供数据 。
7.后台可以更好地寻求高并发、高可用、高性能 , 前端可以更好地寻求页面表示、流畅速度、兼容性、用户体验等 。
前端项目如何调用接口?
Ajax阅读器和Web服务器之间采用异步数据传输(HTTP需求) , 服务器之间通过get或post进行交互 。
前端和后端之所以需要对接 , 是因为前端页面只负责提供没有内容的视图 , 而后端只提供内容 。所谓两者对接 , 就是把后端的内容放在前端页面预留的位置 。(虽然是前端和后端 , 但这种对接实际上发生在服务器端) 。
因此 , 服务器端的交互移动如下:
吸收用户的需求——“找到负责处置的程序——”处置程序找到要传输给用户的前端页面——“前端页面留位置——”后端从数据库获取数据——“后端将数据放在前端留下的位置 。
——“联合成真实用户看到的HTML文件”——并传输给用户 。


    推荐阅读