从零使用H5+和MUI一个月的体验

我今年才开始转业到互联网，之前的工作与互联网无关，从2017年4月的时候敲下第一句hello world，到如今，2017.12.19，时间的确太短了。说是新手完全没错，但是也有些不合适了，与其他无关，只因为有个人告诉我，工作半个月，你就不是新手了。

公司让我独立开发app，而且也没有其他前端帮助，遇到问题只能自己解决，考虑到自己的英语太差，所以在HBuilder全家桶和reactNative中，我选择了前者。

为了能够按时完成工作，我每天看H5 资料到晚上12点多，那时的我，完全webview和NativeObj的概念，为了完成app的启动广告逻辑，废了两天时间，终于明白，需要两个主页来启动app，，，//此处应该放一个分享连接，//2017.12.27添加 启动广告

没有老师教，刚开始一直把子页面当作新页面添加了，郁闷了好久。为了搞清楚子页面与新页面的区别，废了我好大心思，现在想想，我还记得当要把写H5 文档的人杀了的心情。那文档，根本就不是给新手看的，突然明白为什么使用HBuilder的人那么少了。这已经不是技术和审美的问题了，这设计师的头上一定有个坑，而且一定是大坑。记得我学习vue的时候，老师曾经调侃过AngularJS 的文档写的差，现在来看，他估计是没有读过H5 和mui的文档。 //此处应也该放一个分享连接，//2017.12.27新窗口&子页面

终于开始做主要内容了，首要内容是制作地图，按部就班的使用地图，废了一天的多的时间，终于搞明白地图该怎么搞，我记得当时，为了在地图中间添加一个固定的点，怎么搞都不行，层级不够，查了好久的资料终于明白地图的层级在HTML是最高的，怎么搞都不行，除非重新创建子html挂到上去，最后经过优化，添加了一个NativeObj上去。 //此处应该有链接，日后添加

说到地图，现在还是没有解决的两个问题，一个是通过经纬度查询地理信息，百度地图得到的信息不够详细，一个是高德地图在某些机型上在zoom层级大于14就会出现白屏，比如oppoR11，暂时无解

轮播图，做这个比较简单。说实话，MUI做的挺麻烦的，循环播放还得添加首尾两张图片。这个其实没什么难的，困难的是如何缓存新获得的轮播图片。因为下载图片是异步进行，就不能在下载完之后直接添加，本来我花了好多心思做缓存的，可是老板嫌我的进度慢，所以就把这个半成品放弃了，不过前几天NativeObj添加了自动轮播选项，我也把之前写的东西重构了一下，发现H5 团队比mui的技术强多了 //此处应该有链接//2017.12.27轮播图

说到下载与读取文件。这个地方又该喷官方文档了，就算这两个地方不是同一个人负责的，路径问题就不能统一解决一下吗？？？从图库选择的图片的路径，在plus.io居然不能直接使用，plus.io的克隆属性，到现在我都没有还成功过。

再后来，是图片预览，终于在muiapp示例上看到眼前一亮的东西了，最后发现把它用到app开发上边太坑，被老板吵了好久，终于发现NativeObj里边有图片预览功能，第一次觉得H5 不是完全的一无是处。终于有个功能是完整一点的了。后来测试图片预览会黑屏不显示图片，现在只能说图片有问题了。。。。

窗口的滑动切换，那时候终于明白H5 的文档该怎么看了，这次没有费太久，本来好好的窗口滑动切换，最后不得不放弃，因为当手指放在轮播图上边滑动，轮播图的滑动事件不能阻止窗口之间的滑动。 //（当时用的是MUI的轮播图），老板第一次向我妥协，抛弃了主窗口的滑动。改为消息页面的滑动，前几天测试，看来这个滑动也不能用了，因为在安卓4.3以下，滑动虽然能够进行，但是滑动之后的函数不能正确执行。。。。//此处我觉得不应该出现链接。。

时间继续转动，上传图片，本来好好的，只是后台抱怨，取不到图片名字。后来发现，addData只能添加字符串。。。说到这，发现plus.storage,也是只能储存字符串。。。。好歹存个数组对象啥的啊。。。。

最后测试推送，中间的坑我就不说了，至今我们测试还是能够拿到值为字符串的“null”的clientid，。。。。

上边的坑全部踩了一边之后，app终于能看了，可是发布到安卓4.4以下，哇塞，白屏了。。。。。。。找了好久的原因，最后发现是在安卓4.4以下，对于当前窗口这个概念有点误解，不是窗口本身，而是正在显示的窗口，终于改完了，发现点击按钮打不开页面。原因暂不清楚，不过抛弃mui。直接 plus.webview.open打开窗口就可以了。。。终于差不多能够兼容安卓4.4了，最后发现返回键处理又有问题，返回键触发的不是当前展示的窗口，而是当前展示的窗口的父级窗口。。。。。改了好久，还是没有头绪。。。。

产品都快发布了，老板看我的眼神都是红色的。。。。。。

为啥HBuilder火不起来，自己长啥样你心里没点B数吗？？？？？？？？