angular代码规范.docx

概览目录结构由于一个大型的AngularJS应用有较多组成部分，所以最好通过分层的目录结构来组织。 有两个主流的组织方式：按照类型优先，业务功能其次的组织方式这种方式的目录结构看起来如下：.├── app│ ├── app.js│ ├── controllers││ ├── home││ │ ├── FirstCtrl.js││ │ └── SecondCtrl.js││ └── about││ └── ThirdCtrl.js│ ├── directives││ ├── home││ │ └── directive1.js││ └── about││ ├── directive2.js││ └── directive3.js│ ├── filters││ ├── home││ └── about│ └── services│ ├── CommonService.js│ ├── cache││ ├── Cache1.js││ └── Cache2.js│ └── models│ ├── Model1.js│ └── Model2.js├── partials├── lib└── test按照业务功能优先，类型其次的组织方式如下：.├── app│ ├── app.js│ ├── common││ ├── controllers││ ├── directives││ ├── filters││ └── services│ ├── home││ ├── controllers││ │ ├── FirstCtrl.js││ │ └── SecondCtrl.js││ ├── directives││ │ └── directive1.js││ ├── filters││ │ ├── filter1.js││ │ └── filter2.js││ └── services││ ├── service1.js││ └── service2.js│ └── about│ ├── controllers││ └── ThirdCtrl.js│ ├── directives││ ├── directive2.js││ └── directive3.js│ ├── filters││ └── filter3.js│ └── services│ └── service3.js├── partials├── lib└── test当目录里有多个单词时, 使用 lisp-case 语法:app ├── app.js └── my-complex-module ├── controllers ├── directives ├── filters └── services在创建指令时，合适的做法是将相关的文件放到同一目录下 (如：模板文件, CSS/SASS 文件, JavaScript文件)。如果你在整个项目周期都选择这种组织方式，app└── directives ├── directive1 │ ├── directive1.html │ ├── directive1.js │ └── directive1.sass └── directive2 ├── directive2.html ├── directive2.js └── directive2.sass那么，上述的两种目录结构均能适用。组件的单元测试应与组件放置在同一目录下下。在这种方式下，当改变组件时，更加容易找到对应的测试。同时，单元测试也充当了文档和示例。services├── cache│ ├── cache1.js│ └── cache1.spec.js└── models ├── model1.js └── model1.spec.jsapp.js文件包含路由定义、配置和启动说明(如果需要的话)。每一个 JavaScript 文件应该仅包含?一个组件?。文件名应该以组件名命名。使用 Angular 项目模板，如?http://yeoman.io/Yeoman,?ng-boilerplate.组件命名的约定可以在每个组件中看到。标记/blogs/ydn/high-performance-sites-rule-6-move-scripts-bottom-7200.html太长慎读?把script标签放在文档底部。!DOCTYPE htmlhtml lang=enhead meta charset=utf-8 titleMyApp/title/headbody div ng-app=myA