第1章 Mock.js:如何与后端潇洒分手
前后端分离的架构模式已在业内践行多年,实践证明,在这样的分工模式下,前端开发人员更能专注于样式和渲染性能的问题,后端开发人员则更能专注于业务逻辑的实现,以及如何通过接口为前端提供所需的数据和服务。随着应用程序复杂度的提高,前后端分离的架构模式几乎已经成为开发团队的标配。从用户的角度来看,前后端是否分离对他们而言并没有什么差别,毕竟用户最终使用的产品是作为一个整体来工作的。然而,对于开发人员而言,前后端分离的思想则具有很重要的意义:它能以更细的粒度划分开发人员的职责,对每个角色的要求也越来越高,同时还能使最终的项目文件在模块划分和层次设计上变得更加清晰,也更容易维护。在这样的合作模式下,后端开发者不需要像以前那样在服务端渲染好模板之后再传给前端开发者,只需要可靠、稳定地为前端提供约定的数据或服务即可,只有在性能要求较高的场景中才可能需要选用服务端渲染(Server Side Render)技术。不过,请不要误以为这件事情像上面所描述的那样简单,因为除了常规的“增删改查”操作之外,后端开发人员还需要关注诸如鉴权、缓存、分流、备份、并发、安全等一系列功能性的开发工作,以保障基本功能的正常运行,只有这样才能尽量为不断发展的业务提供高度可靠的支撑。无论如何,用户直接面对的是产品界面,后端开发人员在合作中所做的工作就是为界面提供数据。
前后端分离的协作模式可以使前后端开发人员并行完成自己所负责的那部分工作。现代化前端开发是依赖数据驱动的,如果后端开发人员还没有写好前端开发需要用到的接口,那么前端开发人员要如何获取开发阶段所需要的数据呢?本章就来讲解在本地开发中,前端开发人员如何使用Mock.js技术为自己提供模拟数据,以便在与后端开发人员约定好相关接口后启动并行开发,从而避免受限于后端的开发进度,最后还会简单剖析Mock.js技术背后的实现原理。