Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
A
app
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
hel-guide
app
Commits
4b0932fc
Commit
4b0932fc
authored
Aug 17, 2017
by
JingChao
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
'ioic-style'
parent
229f1744
Changes
2
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
11 additions
and
19 deletions
+11
-19
ionic-code-style.md
ionic/ionic-code-style.md
+6
-5
ionic-instruction.md
ionic/ionic-instruction.md
+5
-14
No files found.
ionic/ionic-code-style.md
View file @
4b0932fc
# 前端开发规范
# 前端开发规范
---
---
### 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
)
ionic/ionic-instruction.md
View file @
4b0932fc
...
@@ -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
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment