Commit 4b0932fc authored by JingChao's avatar JingChao

'ioic-style'

parent 229f1744
# 前端开发规范 # 前端开发规范
--- ---
### I. 文件命名规范 ### I. 文件命名规范
* html,js,scss文件命名统一用小写的英文字母且三个文件名必须相同,若文件名过长可以简写或者有‘-’链接,不得包含汉字空格和特殊字符。** **html,js,scss文件命名统一用小写的英文字母且三个文件名必须相同,若文件名过长可以简写或者有‘-’链接,不得包含汉字空格和特殊字符。**
### 原则: ### 原则:
* 1)方便理解,见名知 * 1)方便理解,见名知
* 2)方便查找 * 2)方便查找
![](/picture/h.png) ![](/picture/h.png)
### II. controller命名规范 ### II. controller命名规范
* 控制器命名统一用 文件名+Ctrl,若文件名拼接则第一个单词首字母小写其余单词首字母大写,如下图所示: **控制器命名统一用 文件名+Ctrl,若文件名拼接则第一个单词首字母小写其余单词首字母大写,如下图所示:**
![](/picture/h4.png) ![](/picture/h4.png)
### III. 新页面注册 ### III. 新页面注册
* 当创建一个新页面后,要在theme目录下app.core.scss文件里imput,如下图所示:** **当创建一个新页面后,要在theme目录下app.core.scss文件里imput,如下图所示:**
![](/picture/h1.png) ![](/picture/h1.png)
![](/picture/h3.png) ![](/picture/h3.png)
...@@ -30,21 +30,12 @@ var JPushServiceModule = angular.module('JPushServiceModule',[]); ...@@ -30,21 +30,12 @@ var JPushServiceModule = angular.module('JPushServiceModule',[]);
* `tab-myInfo`是我的tab使用的view * `tab-myInfo`是我的tab使用的view
4. js文件书写规范 4. js文件书写规范
* `Angular`采用依赖注入模式,`js`中需要使用那些服务注入哪些,多余的不要注入。 * `Angular`采用依赖注入模式,`js`中需要使用那些服务注入哪些,多余的不要注入。
* 采用`this`关键字代替`$scope`关键字(运行效率问题),一般使用
```javascript ```javascript
.controller('contractMaintenCtrl', contractMaintenCtrl);
contractMaintenCtrl.$injet = ['$state', 'baseConfig', '$ionicScrollDelegate', 'hlsHttp',
'hlsPopup', '$stateParams', '$ionicModal', '$scope', '$cordovaCamera', '$cordovaImagePicker', '$ionicActionSheet'];
```
* 采用`this`关键字代替`$scope`关键字(运行效率问题),一般使用以下形式代替
```javascript
var vm = this;
vm.slideindex = 0;
vm.con = {};
vm.selectDebitBank = selectDebitBank;
``` ```
* APP开发采用的是前后端完全分离的方式
5. html文件书写规范 4. 在此举例主页tab申请创建功能
6. 在此举例主页tab申请创建功能
```javascript ```javascript
angular.module('starter') angular.module('starter')
.config(['$stateProvider', .config(['$stateProvider',
...@@ -68,7 +59,7 @@ function projectCreateCtrl($state, $scope, $ionicModal, baseConfig, hlsHttp, ...@@ -68,7 +59,7 @@ function projectCreateCtrl($state, $scope, $ionicModal, baseConfig, hlsHttp,
hlsPopup,$stateParams) { hlsPopup,$stateParams) {
var vm = this; var vm = this;
``` ```
* 1.0 注册此页面的路由,路由指向project-contract.html页面,增加`projectCreateCtrl`取别名为`pCreat`作用在此页面 * 1.0 注册此页面的路由,路由指向project-contract.html页面
** 路由名称不能从复** ** 路由名称不能从复**
* 2.0 使用`tab-applications` 的view,使用`applicationModule` modele * 2.0 使用`tab-applications` 的view,使用`applicationModule` modele
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment