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

随着互联网的快速发展和IT开发技术的升级 , 前后端分离已经成为使用互联网项目开发的行业标准方式 。在实际工作中 , 前后端的接口联调对接工作量占Web前端人员日常工作的30%-50% , 甚至更高 。下面优秀程序员的Web前端教程系列将讲解前端和后端分离接口 。
为什么前后端是分开的?
前端和后端要独立开发 , 放在两台不同的服务器上 , 需要独立部署 。两个不同的项目 , 两个不同的代码库 , 不同的开发人员 , 前后方工程师需要在交互接口上达成一致 , 实现同步开发 。开发完成后 , 需要独立部署 。前端通过接口调用后端的API 。前端只需要对页面样式和动态数据的分析和渲染 , 后端则专注于具体的业务逻辑 。
前后分离有什么好处?
1.彻底解放前端 。前端不再需要向后台提供模板 , 或者后台在前端HTML中嵌入后台生成 。
2.提高工作效率 , 分工更明确 。前端只关心前端 , 后端只关心后端 。两者可以同时开发 。后端来不及提供接口的时候 , 前端可以把数据写死或者先调用本地JSON文件 。页面的添加 , 路线的修改都不用麻烦后端 , 开发更灵活 。
3.局部性能改进 。通过前端路由的配置 , 可以按需加载页面 , 无需先加载首页就可以加载网站的所有资源 , 服务器也不再需要对前端页面进行解析 , 从而提高页面交互和用户体验 。
4.降低维护成本 。目前通过主流的前端MVC框架 , 可以快速定位 , 找出问题所在 。客户端问题不再需要后台人员参与调试 , 代码重构和可维护性增强 。
5.实现高内聚低耦合 , 降低后端(应用)服务器的并发/负载压力 。
【前端工程师面试自我介绍 前端如何调用后端接口】6.即使后端服务暂时超时或宕机 , 前端页面也会正常访问 , 但无法提供任何数据 。
7.后台可以更好的追求高并发、高可用、高性能 , 前端可以更好的追求页面性能、流畅速度、兼容性、用户体验 。
前端项目如何调用接口?
Ajax在浏览器和Web服务器之间使用异步数据传输(HTTP请求) , 通过get或post方法与服务器进行交互 。
前端和后端之所以需要对接 , 是因为前端页面只负责提供视图 , 没有内容 , 后端只提供内容 。所谓两者对接 , 就是把后端内容放到前端页面预留的位置 。(虽然说是前端后端 , 但这个对接其实是发生在服务器端) 。
因此 , 服务器端的交互活动如下:
接收用户请求——找到负责处理的程序——处理程序找到要传输给用户的首页——给这个首页留个位置——后端去数据库取数据——后端把数据放到前端留的位置 。
——“被组合成一个真实用户可以看到的HTML文件——”传输给用户 。

    推荐阅读