但是由于前、后端耦合在一起的开发风格，使得这些工作做起来步履维艰。例如以

JSP举例， JSP有着十分强大的性能，它可以内嵌如HTML代码和JS代码中进行编译和开发，帮助着开发者最大限度的提升实现代码的效率。但是这也出现了一个大难题，那边是职责问题。在JSP的java代码的耦合下，JS的与Java的前后端职责变得十分不清晰，这种大量的难以解耦的代码使得在开发后的维护成本非常的高昂。这时的开发者们不仅意识到了组件化与模块话的重要性，更是明白前、后端耦合后的弊端之大。

2 前后端分离开发

在项目的开发过程中，一方面因为前端在项目中所占的比重增加，另一方面开发者们为了较低代码的复杂程度和为了让代码更便于维护，于是开始了将前、后端进行分离。其中在发展进程中十分重要的一种开发框架便是MVC模式，包括spring MVC此类的开发框架，对于整个项目的开发来说都是十分重要的。MVC模式通过model、view、controller三层来将代码进行解耦，不在项目的开发过程中，一方面因为前端在项目中所占的比重增加，另一方面开发者们为了较低代码的复杂程度和为了让代码更便于维护，于是开始了将前、后端进行分离。其中在发展进程中十分重要的一种开发框架便是MVC模式，包括spring MVC此类的开发框架，对于整个项目的开发来说都是十分重要的。MVC模式通过model、view、controller三层来将代码进行解耦，不同层的代码只能互相调用不能直接耦合在一起。其中view在网页开发中一般只的便是web页面。但是这种开发模式并不能很好的应用于复杂的前端项目中，毕竟在MVC框架里，主要依然是依赖后端人员进行开发。在实际的开发过程就呈现出了这个问题，例如页面跳转的路由理应是有前端的进行管理，但是在MVC框架中却往往是有controller层中控制，这就表示依然存在部分职责纠缠的问题。

MVC虽然优秀，但并不适用复杂的前端项目中，但是随着Ajax和node.JS技术的的出现和普及，前端开发也越来越被各个开发团队所重视。在Ajax技术的出现使web前端焕发了新的光彩，它令前端可以不刷新页面而进行数据的更新和获取。利用这项技术单页面应用（SPA）开始进入人们的视野。

在Ajax技术的出现使web前端焕发了新的光彩，它令前端可以不刷新页面而进行数据的更新和获取。利用这项技术单页面应用（SPA）开始进入人们的视野。Ajax可以为网页在不进行整体刷新的情况来进行数据的更新，不仅仅是减少了用户等待跳转的时间，更是令整个页面的一体性更强。通过Ajax作为桥梁终于为前后端建立起了一个完善的界限和通道。首先前端可以通过Ajax技术异步访问后端的接口，然后后端进行数据请求的处理。在完成请求后将前端需要的数据在返回给前端，整个都是一个异步获取和处理的过程。整个过程中前、后端的职责清晰、分离透彻。前端除了需要有数据交给后端处理外，在整个项目运行的过程中都是彻底独立的。

同时还有一种技术对于前端来说也是十分重要的，那就是CDN（Content Delivery Network）。内容分发网络(CDN)是一种新型网络构建方式，它是为能在传统的IP网发布宽带丰富媒体而特别优化的网络覆盖层；而从广义的角度，CDN代表了一种基于质量与秩序的网络服务模式[4]。正是利用CDN进行静态资源存储才让前端页面可以快速响应用户的请求。它极大的加快的前端页面的载入速度，令前端页面有能力可以更加迅速的相应通过Ajax技术异步获取的信息。如图2所示，是利用这两种技术，在前后端形成的一种开发模式。