适合webApp的框架

1. Cordova
用于使用HTML，CSS和JS构建移动应用的平台。我们可以认为Cordova是一个容器，用于将我们的网络应用程序与本机移动功能连接。默认情况下，Web应用程序不能使用本机移动功能。这就是Cordova进来的地方。它为网络应用和移动设备之间的连接提供了桥梁。 通过使用cordova，我们可以使混合移动应用程序，可以使用摄像头，地理位置，文件系统和其他本地移动功能。

Apache
Cordova是一个开源移动开发框架，它允许您使用标准的Web技术，如HTML5，CSS3和JavaScript进行跨平台开发，避免每个移动平台本机开发语言。应用程序在针对每个平台的包装内执行，并依靠符合标准的API绑定来访问每个设备的传感器，数据和网络状态。
Cordova的优势

Cordova为构建混合移动应用程序提供了一个平台，因此我们可以开发一个应用程序，将在不同的移动平台IOS，Android，Windows Phone，Amazon-fireos，黑莓，Firefox OS，Ubuntu和tizien上使用。

开发混合应用程序然后原生应用程序更快，所以Cordova可以节省大量的开发时间

由于我们在使用Cordova时使用JavaScript，我们不需要学习平台特定的编程语言。

有大量的社区插件可以与Cordova一起使用。许多库和框架都经过优化以便使用它。

Cordova限制

混合应用程序比本地应用程序慢，因此对于需要大量数据和功能的大型应用程序使用Cordova不是最佳选择。

跨浏览器兼容性可能会产生很多问题。大多数时候，我们为不同的平台构建应用程序，所以测试和优化可能需要很多时间，因为我们需要覆盖大量的设备和操作系统。

某些插件与不同的设备和平台存在兼容性问题。还有一些Cordova尚不支持的本机API。

2. Ionic
ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。

ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。
ionic是一个轻量的手机UI库，具有速度快，界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题，它直接放弃了IOS6和Android4.1以下的版本支持，来获取更好的使用体验。
ionic 特点

1.ionic 基于Angular语法，简单易学。
2.ionic 是一个轻量级框架。
3.ionic 完美的融合下一代移动框架，支持 Angularjs 的特性， MVC ，代码易维护。
4.ionic 提供了漂亮的设计，通过 SASS 构建应用程序，它提供了很多 UI 组件来帮助开发者开发强大的应用。
5.ionic 专注原生，让你看不出混合应用和原生的区别
6.ionic 提供了强大的命令行工具。
7.ionic 性能优越，运行速度快。

3. Dcloud
DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、mui、wap2app、流应用、快应用开发工具、HTML5。HBuilderX是更高效的开发利器；uni-app是体验更好、跨端更多、生态更丰富的终极跨端平台开发框架。
1. HBuilder :

HBuilder是最快的、最人性化的前端编辑器。HBuilder推动和加速HTML5的发展，碎片化的语法定义和浏览器兼容性一直是开发者最头疼的，现在在 HBuilder最全语法库中可以看到每个语法在各个浏览器、各个版本的支持情况。集成大量常用语法块，少敲多行代码，飞一般地编码，体验极客速度。
2. HBuilderX

HBuilderX，H是HTML的缩写，Builder是构造者，X是相当于HBuilder的下一代版本。我们也简称HX。HX是轻如编辑器、强如IDE的合体版本。学好、精通HX，很多其他软件就不用研究了。

特点

轻巧
仅10余M的绿色发行包(不含插件)
极速
不管是启动速度、大文档打开速度、编码提示，都极速响应
C++的架构性能远超java或webkit架构
清爽护眼
界面清爽简洁，绿柔主题经过科学的脑疲劳测试，是最适合人眼长期观看的主题界面
强大的语法提示
HX自研了强大的AST语法分析引擎，能对代码进行深度语法分析，给予准确的语法提示而不是猜单词
高效字处理能力
HX对字处理提供了更崇高的支持
更强大的多光标、智能双击...让字处理的效率大幅提升
了解HX的极客技巧，请访问，按下Alt+鼠标左键可直接打开网址
markdown优先
HX是唯一一个新建文件默认类型是markdown的编辑器，也是对md支持最强的编辑器，你甚至可以直接粘贴表格、图片进来
对于技术人员，我们强烈建议你以后不要使用记事本了，用markdown来替代txt
本自述文件就是漂亮的markdown文档，这是技术人员才能独享的美:)
HX为md强化了众多功能，请务必点击【菜单-帮助-markdown语法示例】，快速掌握md及HX的强化技巧！
更强的json支持
现代js开发中大量json结构的写法，HX提供了比其他工具更高效的操作
详见
更强的vue支持
HX应该是对vue支持最好的开发工具，让vue开发者效率倍增

扩展性

HX支持java插件、nodejs插件，并兼容了很多vscode的插件及代码块。
还可以通过外部命令，方便的调用各种命令行功能，运行在内置终端中，并设置快捷键。
HX不止替代了其他开发工具，还替代了记事本、word、evernote等

3. uni-app :

uni-app是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。uni-app 新增百度、支付宝小程序，从此一次开发，发布6大平台：iOS、Android、H5、微信小程序、支付宝小程序、百度小程序！

4. 小程序
API

小程序开发框架提供丰富的微信原生 API，可以方便的调起微信提供的能力，如获取用户信息，本地存储，支付功能等。详细介绍请参考 API 文档。

通常，在小程序 API 有以下几种类型：

5. PWA
PWA全称Progressive Web App，直译是渐进式WEB应用，是 Google 在 2015 年提出，2016年6月才推广的项目。是结合了一系列现代Web技术的组合，在网页应用中实现和原生应用相近的用户体验。

所谓的P（Progressive）这里有两层含义，一方面是渐进增强，让WEB APP的体验和功能能够用渐进增强的方式来更接近原生APP的体验及功能；另一方面是指下一代WEB技术，PWA并不是描述一个技术，而是一些技术的合集。

PWA优、缺点
优点：

上面提到的，所有这些现代 Web 特性。
Web最重要的意义在于开放和去中心化，这才是万维网的初衷

缺点：

门槛不低。部署的服务器要求HTTPS，ServiceWorker涉及API众多，需要单独学习
浏览器支持不够全面。苹果Safari 短时间内不会支持，5 年计划里可能实施
用户体验习惯。网页应用替代原生应用的方式，用户短时间内不适应

6. Instant App

Instant App是一种全新的接触用户的方式，用户不需要在他们的设备上安装你的APP，而是在任何支持URL的地方(包括emails，Google搜索结果，社交平台上，YouTube的评论和论坛)找到并访问你的APP。
消除APP与新用户之间的障碍
Instant App有助于你的APP接触新用户
Instant App保证了分享的内容是你APP最好的广告
即使是在网络受限情况下，也能帮助用户访问你的APP
增加位置和时间敏感apps的吸引力