- 1.依赖注入不要用推断式
- 2.双向绑定的变量设置成$scope下的一个对象的属性
- 3.多个控制器之间的通信尽量使用service实现,不要使用全局变量或者$rootScope
- 4.尽量不在控制器中操作DOM,而使用指令
** 原因:在Angular应用中,由于Angular真正对指令进行编译解析都是在执行了控制器代码之后,当在控制器中获取DOM时,可能由于DOM还不存在或者被编译解析后发生了变化,从而导致了问题。 - 5.对image使用ng-src替代src
** 原因:,浏览器会在变量替换前发起对该图片的资源请求,所以,如果标签中src中包含变量时,使用ng-src。 - 6.不要压缩angular.min.js
- 7.总是把第三方API的回调包裹到$apply,用来通知Angular关于环境的变化,触发脏值检查,实现视图等同步更新
- 8.如果不想让用户在Angular加载之前显示HTML,使用ng-cloak或者ng-bind指令绑定数据
- 9.为了防止冲突,不要在自定义指令中使用“ng”前缀
- 10.尽量不用$watch监控一个层次属性很多非常复杂的对象,减轻性能消耗和内存消耗。
** 原因:监控,对这个对象备份存储,当作用于上内容变化时,会触发脏值检查,会一个一个对比这个对象的所有属性及子属性,非常消耗性能。