Angular2进阶开发：性能优化与工程实战

"Angular2进阶开发实战是一份由广发证券的李仲辉在GMTC2017全球移动技术大会上所做的分享。这份分享专注于提升Angular2应用的高级开发实践，主要包括三个核心主题：性能优化探索、工具与工程化以及常见问题及其解决方案。 首先，性能优化探索部分着重于运行时性能优化，其中讲解了Zone.js这一关键概念。Zone.js是一个强大的JavaScript库，它通过拦截并改变事件循环和异步操作的行为，帮助开发者控制和优化Angular应用程序中的事件流。演讲者提到了如何通过`TriggerChangeDetection`来控制Angular的响应式处理链路，区分了Root Component和Leaf Component，以及如何通过类深度优先的方法进行优化，如在元素拖放等场景下，通过合理使用Zone.js可以显著减少由于频繁的绑定事件触发变化检测带来的性能损耗。 接着，工具有关的工程化是另一个重点，讲解了Webpack China官方团队成员李仲辉对于构建工具的选择和使用技巧。Webpack作为前端模块打包工具，其在Angular项目中的配置和优化对提高开发效率至关重要。通过合理的配置，可以提升代码的加载速度和模块化管理，从而提升整体项目的性能。 最后，演讲者还分享了常遇到的问题及其解决方法，包括点击、定时器、xhr等操作引发的变化检测问题。通过NgZone提供的`run`和`runOutsideAngular`方法，开发者可以控制何时在Angular运行上下文中执行代码，何时在非Angular环境下执行，从而避免不必要的性能开销。此外，讲解了如何利用`Root Zone`和`Angular Zone`来管理和优化这些操作。 总结来说，这份分享不仅提供了Angular2进阶开发的实际操作指导，还包括了性能优化策略和工具使用技巧，有助于开发者提升Angular项目的性能和开发效率，解决实际开发中可能遇到的问题。无论是对初级还是经验丰富的Angular开发者，这都是一个极具价值的学习资源。"