随着web环境跨入web2.0时代,网站平台前端的职能也从传统的静态数据的展示,转向为用户提供复杂的web服务和优秀的用户体验;越来越复杂的业务需求导致庞大的HTML文档和严重的代码耦合,从而出现了代码扩展能力差,难以复用,迭代困难等问题。大量的文档元素,向网站的加载和信息渲染提出了新的挑战。同时,前端正处于百家争鸣时期,技术发展迅速,HTML5和ES6新标准的提出为前端注入了新鲜的血液,而现有的大部分框架虽然在某些方面实现了前后端的解耦,但是摆脱不了服务端对前端的影响,因此优化信息渲染和加载方式、前后端并行开发,实现前后端的分离不仅仅开发过程的需求,更是实现代码高可用,低耦合的必经之路。本文作者在参与了多个前端项目开发前提下,研究了当前普遍采用的平台开发模式。基于两个应用场景——用户门户系统和后台管理系统,提出适合两者的开发模式,实现在不同场景下的前后端分离的方案。在用户系统提出了基于首屏渲染的页面加载方案。解决了前后端高耦合、前端代码逻辑差扩展性低以及由于页面元素庞大而导致的加载缓慢等问题。在后台管理系统中提出分层的概念,并以此为基础提出模块化的开发模式。本文主要围绕以下几点展开工作:在用户门户系统,提出了将Node.js作为浏览器与服务器的中间层,实现消息的转发和用户信息渲染的设计思路;设计了基于首屏渲染的页面加载机制,优化首页加载流程;设计数据灾备方案,保证弱网络环境下的用户体验。在管理系统中,提出了代码分层的解决方案,实现高复用性的代码逻辑;设计独立性高的功能模块,实现功能上的解耦,利于开发过程中系统的扩展和迭代。最后,将以上两个不同应用场景的设计思路与实现方法应用于云计算平台前端框架的实现中。