【问题标题】：how can i improve performance to client side application with svg elements as real time application?如何使用 svg 元素作为实时应用程序提高客户端应用程序的性能？
【发布时间】：2020-01-18 08:06:11
【问题描述】：
我正计划使用带有 Angular 或 Javascript 代码的 SVG 元素创建示例实时 Web 应用程序。
我想知道如何使用 SVG 元素作为 SignalR 广播的实时应用程序来提高客户端的性能？
我想知道如何编写代码来执行实时操作，如移动、调整大小和旋转，以执行快速 DOM 操作并提高所有浏览器的渲染速度。
【问题讨论】：
标签：
javascript
angular
performance
svg
real-time
【解决方案1】：
如果您选择 Angular，请按照以下说明操作
- 在全局级别实现 Socket 并在层次结构中处理 ON 事件。
- 实现延迟加载模块。
- OnPush 更改检测策略。
- 避免视图中的函数调用尝试为其创建管道。
- 订阅时取消订阅 observables。
- 对虚拟 DOM 使用 Track By Function。
这可能有助于提高性能