移动APP开发的三种常见模式

港控/mmm° 2023-09-29 09:32 4阅读 0赞

**（1）当前流行的H5移动端开发框架**  
①jQuery mobile  
②Bootstrap  
③Sencha  
④MUI

**（2）原生应用（Native App）**  
原生应用程序是某一个移动平台（比如ios或安卓）所特有的，使用相应平台支持的开发工具和语言（比如ios平台支持Xcode和Objective-C，安卓平台支持Eclipse和Java）。原生应用程序看起来（外观）和运行起来（性能）是最佳的。但是存在开发成本高的缺点，并且ios和安卓不如Web开发简单，具有更高的复杂性。  
优点：  
①可访问手机所有的功能（GPS、摄像头）  
②速度更快、性能高、整体用户体验不错  
③可线下使用（因为是在跟Web相对地平台上使用的）  
④支持大量图形和动画  
缺点：  
①开发成本高  
②支持设备有限（一般是哪个系统就在哪个平台专属设备上用）  
③上限时间不确定（App Store审核过程不一）  
④内容限制（App Store限制）

**（3）H5移动app（Mobile app）：里面存放的为H5的界面**  
HTML5应用程序使用标准的Web技术，通常是HTML5、JavaScript和CSS。这种只编写一次、可到处运行的移动开发方法构建的跨平台应用程序可以在多个设备上运行。例如，在有些浏览器中点开看到的小应用，看起来效果和APP差不多，其实就是使用的H5页面，存在一定的局限性。  
优点：  
①用户可以直接使用最新版本  
②可支持设备广泛  
③较低的开发成本  
④可即时上线  
⑤无内容限制  
缺点：  
①要求联网  
②表现略差（对联网的要求比较大）  
③用户体验没有那么炫  
④图片和动画支持性不高

**（4）混合模式应用（Hybrid App）**  
混合应用程序让开发人员可以把HTML5应用程序嵌入到一个细薄的原声容器里面，集原生应用程序和HTML5应用程序的优点（及缺点）于一体，比较接近于原生应用开发，但开发成本要小很多。  
优点：  
①兼容多平台  
②顺利访问手机的多种功能  
③App Store中可下载（Web应用套用原生应用的外壳）  
④可线下使用  
缺点：  
①不确定上线时间  
②用户体验不如本地应用  
③性能稍慢（需要连接网络）  
④技术还不是很成熟  
**相关链接**  
1、[MUI的简介][MUI]  
2、[MUI的字体图标][MUI 1]  
3、[MUI的事件处理][MUI 2]  
4、[HbuilderX中新建MUI下的移动端App][HbuilderX_MUI_App]  
5、[H5+ Webview窗口对象][H5_ Webview]  
6、[MUI-底栏实现-页面切换][MUI-_-]  
7、[MUI-标题栏实现-样式复写效果][MUI-_- 1]  
8、[MUI-栅格系统-实现元素排版][MUI-_- 2]  
9、[MUI-列表实现][MUI-]  
10、[MUI-列表实现2][MUI-_2]  
11、[MUI-轮播插件实现-UI组件][MUI-_-UI]  
12、[MUI-弹出菜单][MUI- 1]  
13、[MUI-页面刷新][MUI- 2]  
14、[MUI-新建子页面][MUI- 3]  
15、[MUI-页面之间传值（打开新的子页面）][MUI- 4]  
16、[HTML5+规范API-拍照功能][HTML5_API-]  
17、[HTML5+规范API-系统相册获取功能][HTML5_API- 1]  
18、[HTML5+规范API-地理位置获取][HTML5_API- 2]  
19、[MUI-上拉刷新和下拉刷新][MUI- 5]  
20、[HTML5+规范API-扫码功能][HTML5_API- 3]  
21、[HTML5+规范API-系统通讯录获取功能][HTML5_API- 4]  
22、[Hbuilder无法完成应用程序云打包，一直报错需要打包校验][Hbuilder]  
23、[Hbuilder-应用程序打包][Hbuilder-]  
24、[移动APP开发的三种常见模式][APP]  
25、[IOS系统测试APP时发现input内无法选中并输入值][IOS_APP_input]  
26、[MUI-购物车][MUI- 6]

[MUI]: https://blog.csdn.net/blbyu/article/details/124073884
[MUI 1]: https://blog.csdn.net/blbyu/article/details/124073728
[MUI 2]: https://blog.csdn.net/blbyu/article/details/124073670
[HbuilderX_MUI_App]: https://blog.csdn.net/blbyu/article/details/124029950
[H5_ Webview]: https://blog.csdn.net/blbyu/article/details/124087264
[MUI-_-]: https://blog.csdn.net/blbyu/article/details/124089783
[MUI-_- 1]: https://blog.csdn.net/blbyu/article/details/124100509
[MUI-_- 2]: https://blog.csdn.net/blbyu/article/details/124104471
[MUI-]: https://blog.csdn.net/blbyu/article/details/124114095
[MUI-_2]: https://blog.csdn.net/blbyu/article/details/124122849
[MUI-_-UI]: https://blog.csdn.net/blbyu/article/details/124118088
[MUI- 1]: https://blog.csdn.net/blbyu/article/details/124292196
[MUI- 2]: https://blog.csdn.net/blbyu/article/details/124358512
[MUI- 3]: https://blog.csdn.net/blbyu/article/details/124358520
[MUI- 4]: https://blog.csdn.net/blbyu/article/details/124358762
[HTML5_API-]: https://blog.csdn.net/blbyu/article/details/124395810
[HTML5_API- 1]: https://blog.csdn.net/blbyu/article/details/124395849
[HTML5_API- 2]: https://blog.csdn.net/blbyu/article/details/124395903
[MUI- 5]: https://blog.csdn.net/blbyu/article/details/124395907
[HTML5_API- 3]: https://blog.csdn.net/blbyu/article/details/124395916
[HTML5_API- 4]: https://blog.csdn.net/blbyu/article/details/124398657
[Hbuilder]: https://blog.csdn.net/blbyu/article/details/124400424
[Hbuilder-]: https://blog.csdn.net/blbyu/article/details/124400990
[APP]: https://blog.csdn.net/blbyu/article/details/124074019
[IOS_APP_input]: https://blog.csdn.net/blbyu/article/details/124369536
[MUI- 6]: https://blog.csdn.net/blbyu/article/details/124417308