Ionic 2 版本进行了性能提升并提供新的本地插件系统

阅读数:2607 2017 年 2 月 8 日

话题:JavaScript语言 & 开发

Ionic 团队发布了其 2.0 版本的 JavaScript 框架,新版本中提供了新的组件、功能和工具,包括新的本地插件系统。

宣布 Ionic 2.0.0 最终版发布的博客文章中,Ionic 联合创始人 Max Lynch 介绍了 Ionic 团队与 Angular 团队紧密合作,在 Angular 2 之上“构建下一代 Ionic 框架”。虽然 Lynch 称这是一场苦战,但开发团队的这个决定的确很正确,Ionic 应用程序大大受益于更快的 Angular 2,使 Ionic 应用程序“固有的性能提升立竿见影”。

Ionic 2.0 版本中最重要的改进之一是内置其中的错误处理和调试功能。

Ionic 2 的首个 RC 版本中有新的构建工具链,称为 App Scripts,用于构建、测试并运行应用程序。在最终版本中,应用程序中构建了新的错误处理和调试功能。Lynch 说:

当开发中引入编译错误时,使用 ionic serve 命令,错误的详细信息将直接显示在你的浏览器窗口中。这个功能对于帮助追踪代码非常实用,并可以帮助你专注于开发,而不用来回切换到终端。

有关性能改进,Ionic 2.0 现在以 60FPS 在 Android 和 iOS 平台上滚动,取代了原先的 JavaScript 滚动。Lynch 说,Ionic 的 Virtual Scroll 的实现帮助开发人员构建出这样的应用程序:性能影响最小的情况下,滚动非常大的列表。Ionic 2 中还有一个新功能是通过只重绘视图中变化的部分,帮助减少布局颠簸和重绘的渲染管道。

社区对 Ionic 2.0 最终版的反响是积极的。在 Hacker News讨论这次发布的板块中,用户 jbmorgad提问:“我对于 Ionic 应用程序的小尺寸非常满意。大约~3MB 的尺寸很好。但启动时间有点长。就是说,最简单的应用程序 Ionic 2 (the beta) 的启动时间为~5.5 秒,但是 Android 的 React Native 的启动时间仅为~2 秒。对我来说,这些细节问题对可用性产生了很大的负面影响。是否有关于启动时间的改进计划?”

Ionic 的 Justin Willis回复说:

我们目前非常关注启动时间。特别在 PWA 方面,TTI(交互时间)对于确保良好的用户体验非常重要。我们目前手头在处理一些事情,最棘手的就是代码分割。通过代码分割,你可以根据路由不同延迟加载得到很多较小的包,而不是直接传一个大的包。这就是说,当应用程序首次加载第一个视图的第一个包,进行加载、解析等等工作,其他的包将延迟加载。

想要使用 Ionic 2 的开发人员需要使用 npm install -g ionic 命令更新到最新的 CLI,并根据入门指南开始新的项目。需要注意的是,Ionic 2.0 目前需要Angular 2.2.1,不要用任何新版本的 Angular 进行 prod build。截至新闻发布,Ionic 团队还没有明确表示是否会支持 Angular 2.3 还是会直接到 Angular 4。

查看英文原文Ionic 2 Brings Performance Improvements and New Native Plugin System