AngularJS最佳实践
来源:互联网 发布:济南龙凰seo 编辑:程序博客网 时间:2024/06/06 00:58
翻译自:Best Practices
命名要发布的代码
不用担心内部代码的指令前缀,但是一旦你计划开源你的代码,其需要被命名。
ng-
前缀预留给Angular内部使用- 有目的的命名(例如:
i18n-
或者geo-
)比任意的命名(djs-
或者igor-
)好很多 - 可以使用ui-alias移除第三方前缀。
只为原子事件使用
.$broadcast()
,.$emit()
和.$on()
在整个应用程序中相关的事件(例如用户授权或者关闭应用)。如果你希望特定于模块、服务或小部件的事件,你应该考虑使用服务、指令控制器或者第三方库。$scope.$watch()
应该能满足这些需求- 注入服务和直接调用方法同样有效
- 指令间可以通过指令控制器相互交流
让用户尽可能的使用表达式
ng-href
和ng-src
支持{{}}
- 使用
$attrs.$observe()
,因为表达式是异步的,并且可能改变
通过使用指令的Controller来扩展指令
你可以把方法和属性放在指令的控制器中,通过其他的指令获取到控制器。你甚至可以通过这样来覆盖方法和属性。
给控制器和指令添加销毁代码
在指令和控制器销毁前会触发事件。这给了拆解你的插件和监听的机会,来更好的实现垃圾回收。
- 注册
$scope.$on('$destroy', ...)
事件
- 注册
恰当地利用模块
把你的代码分成相关的包,而不是横向切分你的模块,导致其不能被分解。这样的话,当你移除了一个模块,你的应用仍然可以继续工作。
- 检出angular-app/angular-app 当作一个例子
- 在多个
.config()
方法中定义路由 - 模块有自己的依赖
- 目录结构应该反应模块结构
使用NPM和Bower
0 0
- AngularJS 最佳实践
- AngularJS最佳实践
- AngularJS数据绑定的最佳实践
- 【AngularJS】数据绑定的最佳实践
- AngularJS最佳实践: 请小心使用 ng-repeat 中的 $index
- AngularJS最佳实践: 请小心使用 ng-repeat 中的 $index
- AngularJS最佳实践: 请小心使用 ng-repeat 中的 $index
- AngularJS最佳实践: 请小心使用 ng-repeat 中的 $index
- AngularJS 最佳实践 - 转自:http://www.lovelucy.info/angularjs-best-practices.html
- 最佳实践
- 最佳实践
- 最佳实践
- 品(AngularJS深度剖析与最佳实践)一书的体会
- AngularJS 1.x 和TypeScript(ES6)开发的最佳实践
- 升级 AngularJS 1.5:新特性对比与最佳实践(angular.component(),transclusion)
- AngularJS directives实践(一)
- AngularJS实践(01)
- AngularJS实践(介绍)
- eclipse j2ee打开出错 java was started but returned code=13
- HDU 5634 Rikka with Phi(暴力、线段树)
- 中国剩余定理
- LeetCode 82. Remove Duplicates from Sorted List II 链表 & 83
- 十大OpenGL教程
- AngularJS最佳实践
- STL--迭代器(iterator)使用详解
- linux下pptp 搭建的vpn 代理上网很慢 只能上qq 不能上网页 解决办法
- springMVC对异常处理的支持
- 工具的使用——windows操作系统的使用(二)
- TCP、UDP、HTTP、SOCKET之间的区别
- POJ 1129 Channel Allocation DFS+四色定理
- nginx ngx_http_limit_req_module 简单防下CC攻击
- 数据结构之串