前端代码规范

前端架构

目录

• 中划线链接（my-dialog）
• 复数后缀加s（scripts）

文件

• 不被vm文件<script src="">引用的都以下划线打头（_base.js）
• 中划线连接（_my-dialog.js）

javascript

• 驼峰命名（var someTable = {}）
• 4空格缩进
• 左大括号不换行

if (x == 'test'){
    console.log('hello, world')
}

• 构造函数首字母大写

function Box(){
    this.x = 0
    this.y = 0
}

css

• 不要用ID来写样式
• 页面总宽度1100px
• 类名中划线链接

.red-btn{
    color: red;
}

• 用来和js交互的类名加js前缀

.js-click-show{
    display: show;
}
.js-click-hide{
    display: none;
}

• 默认页面结构

<div class="page">
    <div class="header"></div>
    <div class="body></div>
    <div class="footer"></div>
</div>