跨平台web前端框架的选择

全栈解决方案

一、jquery系（多平台UI组件）

1、jquery ui：是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。

2、jquery easyui：是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。

3、jquery mobile：是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。

二、extjs系（多平台UI组件）

1、ExtJS：是一种主要用于创建前端用户界面，是一个基本与后台技术无关的前端ajax框架。

2、sencha touch：基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合JQTouch、Raphaël库，推出适用于最前沿Touch Web的Sencha Touch框架，该框架是世界上第一个基于HTML5的Mobile App框架。

三、bootstrap系（响应式）

1、Bootstrap：是Twitter推出的一个开源的用于前端开发的工具包。Bootstrap是基于jQuery框架开发的，它在jQuery框架的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。

包装工具

Phonegap：是一款开源的开发框架，旨在让开发者使用HTML、Javascript、CSS等Web APIs开发跨平台的移动应用程序。

跨平台开发平台：apicloud:    http://www.apicloud.com/

                           IBM worklight  12306采用的架构

                           appcan     http://www.appcan.cn/