h5移动app开发-移动app开发学习

写在前面

一直从事iOS原生APP开发h5移动app开发，对H5前端开发那一套因为无知所以一直生畏h5移动app开发，所以很长的一段的时间里只做原生的开发,但对跨平台的这种技术操作始终抱有很大兴趣。由于工作需要做个业务相对简单的应用，而又要iOS和Android，所以开始正式着手H5。

后来又做了个自己业余喜欢的小应用（主要是为了安卓，iOS我直接写的原生的【关于这个应用这里有介绍）】，以下的总结介绍也是基于此应用的。

关于H5开发移动端APP

优点：

不足：

所以对于一些业务逻辑简单，没有复杂的操作处理的应用，H5开发再好不过。对一些重型的应用还是原生的为主，H5为辅助也是一个很好的搭配。

开始着手

首先开发工具及框架，我选择了 HBuilderX，一个牛逼而又好用的前端开发工具。

mui_logo.png

集成了各种插件工具，基于MUI ， H5+强大操作，同时可以在线打包，一键生成iOS、Android应用。文档完善（刚开始看仍然会让你懵逼，就好比一个参考手册，没有一个完善的流程说明，所以学习的时候需要点时间）。具体官网看吧 ,目前还有些不太完善，但不影响我喜欢它！

我用的最新HBuilderX 版本 1.3.2.20181214 ， 特此买了个安卓手机荣耀10测试。

经过一段时间的爬坑钻研、学习摸索，基础开发效果我感觉还不错，没发现什么毛病。

APP效果截图

效果图1.png

效果图2.png

看效果怎么样，是不是和原生的一模一样？??? 目前已实现了很大一部分的功能，后续有时间还在继续完善。完善后的代码我会放到GitHub上供大家学习参考。

已发布开源详细看这里：

xx头条开源了(纯H5项目)

离线打包操作(新增)

Android ： MUI、HBuilderX、H5+开发APP本地打包(Android)

iOS ： MUI、HBuilderX、H5+开发APP本地打包(iOS)

总结

Hi 大家好！我是Light413，一名iOS开发者,喜欢前端及后台开发，没错，就是全干。简书就是我的阵营，我喜欢在这里学习，在这里分享。以后文章会不断的更新，介绍关于iOS开发学习总结 ， 介绍基于MUI 、H5+ 及H5开发中感悟记录总结。感觉有用就点赞哈，喜欢就大胆的关注。