ionic 页面事件_ionic新建页面

经过几天的奋战，我已经使用ionic 4+将功能和页面都调整得差不多了。在开发过程中遇到了一些问题，让我倍感困扰。

我们的应用在机顶盒的Android 4.0左右的系统上无法顺利运行。无法获取到assets目录下的public目录中编译好的js文件，这无疑给我们的开发带来了不小的挑战。

控件的el属性被保护起来，导致我们无法通过html node获取到他们的原生方法，从而导致了大量的html操作丢失。对此，我认为只需要像最初的3.0版本的代码那样提供readonly属性就足够了，不需要将其保护起来。

关于capacitor对启动页的要求过于严格，主要是为了适配IOS。如果不需要相应的启动页，那么需要进行大量的原生适配工作，这是一项非常繁琐且复杂的任务。因为不仅要保证Android的正常运行，还要确保在提交给xcode时能满足上线需求。特别是IOS对启动页的审核十分严格，甚至不知道黑屏图片是否能够通过审核。

还有一个让人头疼的问题就是在Android上的启动速度实在是太慢了。尤其是现存的android机顶盒和硬件版本过低，以及设备硬件规格太落后的情况下，2核4G内存、麒麟芯片的设备在渲染时都显得吃力。这些因素综合起来，使得我们无法完成业务需求。

鉴于以上的性能和功能不满足的问题，我和领导商量后决定还是回归flutter。虽然之前排斥过某些框架，但现在看来，通过几种方式的尝试和提升自己对业务层的认识后，我们发现flutter更适合我们的业务需求。这次回到flutter的感觉是上手更快了，API调用也更加流畅，功能实现的速度也大大加快。

关于Ionic的使用，简单介绍一下新建页面的流程。Ionic是一个以CLI为开发工具的hybrid app开发框架。在整合开发过程中，CLI是不可或缺的工具。使用CLI进行页面的创建非常简单。首先确保安装了Node 6 LTS和NPM 3+环境。然后安装ionic，使用命令创建新的项目并启动。使用命令可以方便地添加新的页面。无论是ionic 2.0还是3.0，新增的页面文件都包含了html结构、sass style和TypeScript代码。修改页面引用相关内容后，就可以通过CLI新增页面了。效果是在新增页面后，需要停止当前运行并重新运行才能生效。

这次的经历让我认识到，有些框架并不是不好用，而是需要正确地使用并深入了解后才能发挥出其优势。通过尝试不同的方式并不断提升自己的技能和对业务的认识，才能更好地完成开发任务。