AngularJS的一些优化技术

AngularJS的一些优化技术
在线上有很多关于优化NG核心方法,是从今天的内部人士看美元范围内的财产,我今天别的东西,本质还是一样的,因为这是NG有缺陷,但我相信只要使用适当的技术,这些问题都可以避免。

NG简介

AngularJS NG,MVVM眉目传情本框架的产生,提高项目开发效率(前端的做法真的能提高开发效率),到控制器的指令,在整个项目的服务,内部的独特地解决问题。详细说明之前,三层调用可以参考我的信息分析,然后再编写NG源代码。

NG的硬伤

说到缺陷,我们首先要说的是简单的数据绑定原则。

在每一个页面模型的定义实际上NG在当前作用域中添加一个监听器,内胆美元wachers阵列,一个模型的页面只要有任何变化,内部为消化法范围将触发,则会发现当前范围内的所有模型树,是保证页面模型可以得到的数据同步,所以这是一个非常耗时的程序,官方的说法是当2000位听众出现在页面,页面的性能将明显下降。因此,要提高NG的性能,就必须从这方面着手。

Tip1:绑定

事实上,其他人已经在网上这么说了。这是新用法。对1.3.0 + NG的版本已经建成,支持情况下,这种模式必然只有一次提供语法。下面是以下示例。

旧的代码

复制代码代码如下所示:

你好
新的代码

复制代码代码如下所示:

你好
您可以看到,在模型前面添加了新语法::更方便地相信语法比Internet上使用的第三方插件更为方便。

复制代码代码如下所示:

Tip2:美元美元美元范围。消化与美元的申请范围。
我相信很多人熟悉$应用方法,它一般用在,不在NG环境执行代码的时候,为了确保页面数据同步的代码执行调用的应用方法美元建成后将触发内部消化美元检查所有模型的范围,在事实上,它的内部是这样调用。只需在下面写一些代码片段。

复制代码代码如下所示:





rootscope美元美元的消化。




这一切其实是称为消化rootscope美元根范围下,所以区别不同范围之间$消化其实最重要的区别是什么

复制代码代码如下所示:

摘要只有在调用方找到所有模型的情况下才很深入。
所以美元的范围将节省大量的时间去寻找模型相比rootscope美元。

然而,如果我们要确保网页上的所有模型数据的同步,我们还是叫rootscope美元,所以我们写的代码之前,我们应该考虑哪些数据是同步的。

还是叫NG重复尽可能少

默认的NG重复会创造出很多的听众,所以在大数据量的用户页面的表现,我认为只有定期更新数据表只需要用NG的重复,或者把听众这么多,这是浪费时间,它可以用NG插值解析代码美元服务碎片,类似于一个静态的模板引擎,其内部核心分析服务主要依靠天然气$解析,然后把这些数据直接灌装分配给它的代码片段后一次性模型。

Tip4:试图在指令写入本地的语法

虽然NG了很多指令如NG,NG隐藏,但他们的作用是基于真实的模型,假以显示或隐藏一个代码片段,虽然它可以实现非常快速的业务需求,但这些指示或默认会添加一个监听器,如果在一个大的教学存在的这些代码片段,一个更好的方法是写。显示链接(隐藏),指令(JQ)这些类似的方法来更好的控制,这样可以节省听众人数,有这些指令类似的事件可在指令的外围通过使用addEventListener绑定事件,无论如何,你写代码之前,认为最好的如何使听众数最少,从而提高页面综合性能。

滤波器尽量少在Tip5:页

当模型过滤器后面的页面,这将导致当前的模型在$消化操作两次,造成不必要的浪费性能。在美元的观察家检测任务的变化发生在第一时间;二值变化的模型,以减少过滤器语法时使用内联,这样很影响页面的性能

建议使用$筛选器服务在后台调用过滤器函数,这显然可以提高页面的性能。代码如下

复制代码代码如下所示:

过滤器('filter美元)(数组的表达,比较);
总结

以上是改善NG项目性能的一些技巧。虽然NG功能强大,但非标准代码也会破坏其性能。因此,在编写代码之前,最好考虑哪些地方不需要侦听器。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部