写点什么

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

  • 2017-02-08
  • 本文字数:1090 字

    阅读完需:约 4 分钟

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

2017-02-08 18:003545
用户头像

发布了 218 篇内容, 共 72.0 次阅读, 收获喜欢 76 次。

关注

评论

发布
暂无评论
发现更多内容

2022 XDR网络安全运营新理念峰会完整嘉宾阵容公布!

未来智安XDR SEC

网络安全

开源软件供应链攻击激增430%,供应链安全不容小觑丨行业报告解读

SEAL安全

开源 DevOps 行业报告 软件供应链安全

深度解析9种ScheduledThreadPoolExecutor的构造方法

华为云开发者联盟

高并发 开发 华为云 源代码 企业号十月 PK 榜

【1024】程序员节丨致敬所有技术布道师

MobTech袤博科技

1024程序员节 MobTech袤博科技

JUC中的AQS底层详细超详解

华为云开发者联盟

Java 开发 华为云 企业号十月 PK 榜

React核心工作原理

xiaofeng

React

Webpack中的plugin插件机制

Geek_02d948

webpack

对象存储只能按文件名搜索,你out了吧

华为云开发者联盟

云计算 存储 华为云 企业号十月 PK 榜

软件测试面试真题 | MYSQL中删除语句有哪些?

测试人

sql 软件测试 面试题 测试开发

React源码解读之React Fiber

flyzz177

React

RocketMQ Flink Catalog 设计与实践

阿里云大数据AI技术

sql 大数据 flink 分布式计算 企业号十月PK榜

React的5种高级模式

夏天的味道123

React

React生命周期深度完全解读

夏天的味道123

React

日报周报是“毒瘤”还是“良药”?

优秀

周报 日报

Checkout.com支付解决方案,助力跨境电商领跑购物季

科技热闻

阿里云移动测试-远程真机篇

移动研发平台EMAS

性能测试 app测试 移动测试 远程真机

前端高频手写面试题

helloworld1024fd

JavaScript

长安链源码分析之交易过程分析(8)

React源码解读之任务调度

flyzz177

React

融云直播SDK开路,给电商大促加点“魔法”

融云 RongCloud

直播 社交娱乐

学会这10种定时任务,我有点飘了

小小怪下士

Java 程序员

Vue3必会技巧-自定义Hooks

yyds2026

Vue

2022-webpack5实战教程

Geek_02d948

webpack

软件测试 | 测试开发 | 如何确保API的稳定性与正确性?你只需要这一招

测吧(北京)科技有限公司

测试

React性能优化的8种方式

xiaofeng

React

Vue3知识点之数据侦测

yyds2026

Vue

几个常见的js手写题,你能写出来几道

helloworld1024fd

JavaScript

java开发培训机构要怎么谨慎选择

小谷哥

Springboot 一行代码实现文件上传 20个平台!少写代码到极致

程序员小富

Java springboot 文件上传

高可用和负载均衡的三大区别详细讲解-行云管家

行云管家

高可用 高可用集群 ha

实现Promise的原型方法--前端面试能力提升

helloworld1024fd

JavaScript

Ionic 2版本进行了性能提升并提供新的本地插件系统_JavaScript_James Chesters_InfoQ精选文章