前端开发app的几种开发方式

混合开发和跨平台开发。

原生道：

原生技术栈是指例如安卓平台上的Java技术栈、iOS平台上的Object-C技术栈或者Swift技术栈。

混合开发：

混合开发，即将网页放入特定的容器中，然后打包成各种平台的原生应用。因此，混合技术栈实际上是Web技术栈的技术栈，通常以PhoneGap、Cordova、ion等框架为代表。

跨平台应用：

跨平台开发是指使用一种技术。它和混合技术栈的区别在于，它不使用Web技术，即它的页面不是HTML5页面，而是用自己的语法编写的UI层，然后编译成各种平台的原生app。

这个技术栈是纯容器技术栈，ReactNative、Xamarin、Flutter都属于这一类。学习的时候，除了学习容器的APIBridge，还应该学习容器提供的UI层，也就是如何写页面。

总结：H5开发主要用于混合技术栈。但是，跨平台技术堆栈的一些容器也将被使用(例如ReactNative)，因为它们的UI层借鉴了Web模型。

此外，混合技术栈和跨平台技术栈的基础是原生技术栈，因为它们最终会编译成原生应用。因此，无论你使用什么样的技术栈，你都应该或多或少地了解每个平台的原生技术。

另外，WebView控件。

无论什么技术，都需要一个网页引擎来显示app中的网页，从而对网页进行解析。通常，网络视图控件被用作应用程序内部的网页引擎。这是系统自带的控件，专门用来显示网页。只要把WebView放在应用的界面上，就好像嵌入了一个浏览器窗口，可以显示网页。不同的app技术栈想要显示网页，唯一不同的是如何处理WebView这种原生控件。

原生开发：开发人员需要自己在页面上放置WebView控件。

混合开发：页面本身是一个网页，默认显示在WebView中。

跨平台开发：提供一个WebView语法，编译时替换为原生WebView。

不同系统的WebView控件名称不同。安卓系统叫WebView，iOS系统有一个比较老的UIWebView和一个比较新的WKWebView，功能相同，但区别在于功能的强弱。