随着移动终端的快速发展,移动操作系统不断涌现,从市场份额来看,目前有i0S,Android, WP三大主流移动操作系统,但是移动前端系统依然面临着用户更多更新更高的要求。为了降低开发成本,缩短开发周期,新环境下的前端设计师和前端开发工程师应在真正理解移动Web应用需求的基础上,努力寻求一种跨平台的移动前端开发解决方案。该方案需要满足如下两个核心需求：其一是一套开发程序可在多个不同的移动操作系统之上运行,降低对各个操作系统分别适配的难题；其二是使用HTML, CSS, JavaScript开发移动应用,降低移动前端开发的技术门槛。本文介绍了移动Web前端系统的构建流程,并通过结合j Query Mobile框架为跨平台移动前端的快速构建提供有力支持。首先,阐述了在Web2.0时代下,中小微型企业所面临的问题以及目前主流的解决方案；接着,对移动前端系统构建中的关键技术进行介绍,包括由交互设计、视觉设计和前端开发构成的移动前端系统；然后,对基于HTML5的移动Web前端系统的构建方法进行了研究,在“视用户为中心,以原型为基本”的思想下,构建移动Web前端系统开发流程,详细介绍了从需求分析到前端开发过程中的各个实施细节,对j Query Mobile在前端系统构建中的应用原则和方式进行了阐述；最后,以最佳室友平台的构建为例,综合运用前端设计和开发的理论方法与技术手段,对部分典型页面进行了分析,并通过实践验证了“视用户为中心,以原型为基本”的思想对指导前端系统构建的可行性。