HTML5 + CSS + JavaScript 开发 跨平台重用代码 

1、每个框架几乎都包含以下特性：使用 HTML5 + CSS + JavaScript 开发、跨平台重用代码、丰富的UI库、提供访问设备原生API的 JavaScript API 包装器、解决原生开发中机型适配的难题、提供打包、部署的工具或服务、都需要学习自身封装的 JavaScript API；

2、筛选框架的要求：性能：运行速度快、UI：提供接近原生的UI体验、插件多，文档丰富，开发效率高，容易扩展和维护、满足业务需求；

3、Cordova优点：开源免费，社区生态成熟，插件丰富、支持离线场景应用、开发工具选择空间大，缺点：只提供基础访问设备的接口，需要自己搭配其他UI框架和JavaScript框架来搭配；

   UI框架:Famous 、为任意屏幕创建流畅、复杂的UI、免费和开源的JavaScript渲染引擎。着名引擎的独特之处在于其JavaScript渲染引擎和3D物理引擎；

  Ionic优点：基于 Cordova、漂亮的界面，追求性能，专注原生，免费开源、Angular JS MVVM 开发理念，数据双向绑定、继承自 Cordova，可以使用 Cordova 的插件；缺点：Angular JS 学习路线陡峭、Ionic 框架相比于原生的 Cordova 有所差异，Cordova 某些官方插件可能不适用于Ionic；

  AppCan优点：提供一体化解决方案，方便环境搭建、开发、调试、发布、框架自带UI包，包含常用控件样式、框架对UI、动画渲染进行过优化，反应速度快、支持本地打包、云端打包、基于密钥的代码加密；缺点：不开源，无法修改、优化底层代码、分大众版和企业版，大众版免费，但功能有缺失、暂不支持自行开发控件/，无法调取android原生功能、框架自带功能过多，导致应用安装包偏大、文档偏少、部分系统无法使用IDE进行调试、只能在服务器端发布，无法在本地发布、IOS发布，需要将证书上传至服务器；

  Dcloud优点：国内厂商，中文文档、对HTML5的性能、工具、能力都做了深入扩展，提供 IDE 、云服务等帮助节省时间、MUI 更贴近国内App使用习惯，提供模块的详细例子，如登录，个人中心；缺点：部分操作需要具备原生开发经验，如离线打包App、新产品仍然有bug，还需改进；

APICloud优点：不懂原生开发，不懂后台语言就可完成APP；缺点：更新速度快，版本不够稳定、面向不懂App开发人群，不适合程序员和科技公司，过度依赖会降低技术水平、涉嫌抄袭DCloud大量代码

React Native：能够在Javascript和React的基础上获得完全一致的开发体验，构建世界一流的原生APP。仅需学习一次，编写任何平台。(Learn once, write anywhere)；缺点：初次学习成本高，必须在不同平台下写两套代码，依赖暴露的接口。

jquery mobile和bootstrap都是较好的框架
　　jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。
　　Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

1.1 IONICapp

IONIC是目前最有潜力的一款HTML5手机应用开发框架。经过SASS构建应用程序，它提供了不少UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和AngularJS来加强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。即将发布的AngularJS 2.0将会专一于移动开发，相信IONIC必定会取得不错的成就。框架

IONIC的开发团队将尽快开发出一种经过IONIC creator提供开发者快速建立IONIC应用的方式。咱们将很快就会看到一个支持拖拉功能的可视化开发工具，几分钟内开发一个app将成为可能。ide

1.2 Mobile Angular UI工具

Mobile Angular UI是使用bootstrap 3和AngularJS的响应式移动开发HTML5框架。post

Mobile Angular UI的关键字有：学习

Bootstrap 3

AngularJS

Bootstrap 3 Mobile组件，好比switches, overlays和sidebars，这些都是bootstrap中没有的。

AngularJS modules，好比angular-route, angular-touch和angular-animate

响应式媒体查询是将bootstrap做为单独的文件，你只须要包含你所须要的东西。Mobile Angular UIu并不包含任何jQuery依赖，你须要作的只是经过一些AngularJS指令建立友好的用户体验。

详细了解能够看一看the Mobile Angular UI demo page，上面有Mobile Angular UI的实践，若是你想了解的更深刻一些，我建议你读一读getting started with Mobile Angular UI。

1.3 Intel XDK

Intel XDK是Inter开发的一款跨平台开发工具，咱们能够很容易的经过Intel XDK开发应用，你须要作的只是下载他们的应用开发工具，有Linux、Windows和Mac版，它还提供了不少个开发框架，好比Twitter bootstrap，jQuery Mobile和Topcoat。

1.4 AppceleratorTitanium

Appcelerator’s Titanium不一样于其它框架的是，它是一个开源的框架。

Titanium是混合式移动应用开发的一站式解决方案，你只须要下载Titanium studio就能够解决全部的事情，Titanium SDK包含了不少手机平台的APIs和后端云服务。

Titanium使用Alloy，Alloy是一个快速开发的手机应用MVC框架，模块式开发能够大大减少开发时间，提升代码复用。

Titanium studio还提供了一些code模板。

1.5 Sencha Touch

Sencha Touch一样也是HTML5手机应用跨平台开发框架，运行iOS/Android/Blackberry。它已经诞生不少年了，如今已经成为很经常使用的混合式编程开发框架。

Sencha Touch可让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，所有基于最新的HTML5和CSS3的WEB标准，全面兼容Android和Apple iOS设备。

下面是Sencha官方给出的几点特性

基于最新的WEB标准——HTML5，CSS3，JavaScript。整个库在压缩和gzip后大约80KB，经过禁用一些组件还会使它更小。

支持世界上最好的设备。Beta版兼容Android和iOS，Android上的开发人员还可使用一些专为Android定制的主题。

加强的触摸事件。在touchstart、touchend等标准事件基础上，增长了一组自定义事件数据集成，如tap、swipe、pinch、rotate等。

数据集成。提供了强大的数据包，经过

Ajax

、

JSONp

、

YQL

等方式绑定到组件模板，写入本地离线存储。

1.6 Kendo UI

Telerik’s Kendo UI是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。

Kendo UI

包含了开发现代

JavaScript

开发所须要的全部一切，包括：强大的数据源，通用的拖拉

(Drag-and-Drop)

功能，模板，和

UI

控件。

1.7 PhoneGap

PhoneGap恐怕是最老的一个框架了，相信不少人都已经据说过甚至使用过它，可是PhoneGap是基于开源的Cordova商业版本。

第一段PhoneGap代码是在2008年8月的iPhoneDevCamp上写成的。建立它的一个主要动力是基于一个几乎每个单独的iPhone开发新手都要面对的简单事实：Objective-C是一个对Web开发人员来讲很是陌生的环境，而且Web开发人员的数量远远多于Objective-C开发人员的数量。

问题是，是否有人能够开发一个框架，让Web开发人员能够利用他们全部的HTML、CSS和JavaScript知识，并且仍旧能够同iPhone的重要本地应用程序(如摄像头和通信录)交互呢？

就在那一年，PhoneGap获了奖并开始支持Android平台，对人数不断增加的移动开发人员变得愈来愈有用，这些人员须要在更多的平台上得到代码支持。

你们能够到PhoneGap documentation官方文档开始对PhoneGap的学习。

来源于网络，仅供参考

1. PhoneGap

2. Ionic

3. React Native

4. Flutter

5. Xamarin

能够无缝的对接jquery的恐怕只有zepto.js 了

zepto.js相比jquery更小，但是无论是dom选择器还是函数方法几乎95%以上相同，所以这种情况下，zepto.js是最好的选择了

1. PhoneGap ；2. Ionic ；3. React Native ；4. Flutter ；5. Xamarin

1. Ract Native（FaceBook出品 社区强大 JScore+原生组件渲染）

  程序员写react组件编译成原生组件渲染，jscore执行js程序。要学习RN你要先学会react，react是率先提出虚拟DOM概念的，后续vue等框架开始模仿，正因为虚拟DOM的概念太过强大和超前，导致它不受平台限制，从而衍生了RN，它的背后也是大厂支持facebook。说它凉了都是谣言，大家放心学习即可。它的原理是通过react的方式可开发APP，它可以把我们用JS写的组件，编译成原生组件，不是什么H5应用或是webapp。所以用户体验还是很不错的，小公司追求效率可以选择，但是RN毕竟是一个APP UI的解决方案，需要集成复杂SDK的话还需要会原生开发。目前它的生态已经非常完整完善，你不必担心你的APP太过复杂它不能实现的问题，因为它可以和原生无缝衔接配合，随时呼叫原生支援。那么它的性能如何呢？有的人对于性能问题纠结不放，实话说；它和远程肯定还是有差距的，毕竟中间多个JS层，基于jscore运行的，但是一般APP用户根本无法察觉其中的差距，没有垃圾框架只有垃圾程序员，我们完全可以用技术弥补一些性能差距，所以不必在意那些微乎其微的性能差距，强烈建议学习和使用。

  适用场景：可用于中大型APP开发，跟原生开发配合，RN主要用于开发业务，而原生用于扩展赋能，需要的人才质量高，招聘难度较大，性能问题不大，介于webview和原生之间，不适合太吃性能的APP开发。

2. Uni-app（国产 零学习成本 社区强大 外包利器）

  第二个要说的是国内很火的uniapp，编译成原生组件结合webview渲染方式，V8和jscore执行js程序。号称有370W开发者，在国内很火，它背后的公司是国内的dcloud，技术栈是基于vue的。react在国际上很火，但是在国内；不好意思vue已经是大哥了。可以说dcloud把vue玩的很透，基本可以说是国内vue用的最6的公司，uniapp的优点是能够一次编写编译APP和小程序端全覆盖，对于国内程序真的是福音，它的优势在于成本低（学习成本低、开发成本低），uniapp结合了weex的概念推出了nvue，它的原理在于能把web组件编译成远程组件，跟RN有些相似的想法。但是uniapp开源程度不够，现在选择它的都是一些小公司或是外包公司，uniapp提供了很多与原生/小程序交互的“桥”，目的在于让你无脑开发即可，我们可以轻松开发例如微信支付、蓝牙、分享、定位、推送等，而且uniapp上架商店是完全合规没有风险的，有人说它是基于webview的，性能是个问题，我本人体验了一下和亲身用过uniapp开发，认为uniapp是做过很多优化的，比我们自己套个壳子用的webview用户体验要好很多（小公司不推荐套壳开发），高频页面可以用nvue开发，效果更好，如果我们前期开发为了快速上线，完全可以选择uniapp，非常符合国内的国情，为国内程序员提供了很大的福利，vue技术栈的同学可以学习掌握。

3. Flutter（Google出品 性能强劲 噱头满满）

 适用场景：因为flutter跟原生基本无异，任何场景都很适合，成本偏高，人才招聘难度最大，适合CS程序员学习，BS程序员学习成本较高。

4. Taro（京东出品 react/vue技术栈都可用）

   基于京东-凹凸实验室，技术栈：vue/react，对React更友好一些，对Vue的支持是后出现的，能编译成H5、小程序、APP（编译成RN代码）。Taro搞个小程序还是完全OK的。

5.  Electron VScode的技术栈 桌面开发首选）

  它是基于BS开发电脑桌面的框架，大名鼎鼎的VScode就是用它开发的（当然是微软团队开发的），现在已经成为前端人员开发桌面应用的首选没有之一。