Sly-repeat 是ng-repeat的变体，用来隐藏多出来的DOM元素而不是销毁他们，sly-evaluate-only-when阻止内部change watchers除非“logLines”变量修改，sly-prevent-evaluation-when-hidden主要负责当鼠标移动到指定行的上面的时候，隐藏的div才显示。

这里展示出了AngularJS对于封装和分离的控制力，我们做了复杂的优化但是并没有影响模板的结构(这里展示的代码并不是真正产品里的代码，但是他展示了所有的要点)。

结果：

我们来看一下效果，我们添加了一些代码来衡量，从鼠标点击开始，一直到Angular's $digest循环结束(意味着更新DOM结束)。

我们衡量点击”下一页“按钮的性能是通过Tomcat日志，环境用的是MacBook Pro上的Chrome，结果见下表(每个数据都是10次测试的平均值)：

Angular 14 inject 函数使用过程中的一些注意事项

inject 函数只能用于构造器阶段，这意味着其只能在构造器函数作用域（constructor function scope）和字段初始化器（field initializers）中使用。

下列代码会遇到运行时错误(runtime error)：

因为使用到了 inject 函数的 fetchEntity 方法，在构造函数作用域之外的上下文里被调用，不符合 inject 函数的使用前提。

当在构造函数阶段之外调用 refreshEntity 方法时，上面的代码将引发运行时错误，例如在单击按钮时，因为 fetchEntity 使用了 inject()。 当用于初始化 entity$ 属性时，它不会抛出此错误，因为它处于构造函数阶段。

解决方案也不难，使用 JavaScript 的 closure 闭包概念：

在上面的例子中，因为我们使用了一个闭包，所以我们能够将注入的 HttpClient 和 ActivatedRoute 存储在闭包范围内，并且仍然使用返回函数中的值。因此，我们可以在构造函数阶段之外利用 inject() 函数。

正如我们在上面的示例中已经看到的那样，使用 inject 函数能够保持组件符合单一职责的设计准则（single responsibility）和无依赖注入。

依赖注入或 DI 是 Angular 中的基本概念之一。 DI 被连接到 Angular 框架中，并允许具有 Angular 装饰器的类（例如组件、指令、管道和可注入）配置它们需要的依赖项。

DI 系统中存在两个主要角色：依赖消费者和依赖提供者。

我们不再直接在组件构造函数中依赖 HttpClient 或 ActivatedRoute。 相反，我们创建了一个可注入的函数来处理业务逻辑，这种思路类似于我们如何将逻辑提取到一个 Facade 服务中。并且 Angular 的最佳事件认为，Component 需要完成的业务逻辑最好都封装到一个专门的 Facade 服务中。
使用 inject() 函数，我们不再需要组件中的任何依赖项。

angular 单元测试过程当中错误类型总结

1错误类型

Timeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL.

测试代码

Auth.currentStaff().then(function(data) {
                currentStaff = data;

            });

错误原因：异步回调函数导致执行过程当中不能及时获取到相应的测试数据

解决方案：给代码中加入

$rootScope.$apply();//$rootScope.$digest();

angularjs – Angular.js 1.3 ng-bind中的一次性绑定

{{::name}}

<span ng-bind="::name"></span>

angularjs – 在Angular 1中是否存在单向绑定的性能优势

今天关于整理AngularJS框架使用过程当中的一些性能优化要点和angularjs框架怎么搭的介绍到此结束，谢谢您的阅读，有关Angular 14 inject 函数使用过程中的一些注意事项、angular 单元测试过程当中错误类型总结、angularjs – Angular.js 1.3 ng-bind中的一次性绑定、angularjs – 在Angular 1中是否存在单向绑定的性能优势等更多相关知识的信息可以在本站进行查询。