前端开发命名规范(html+css+js)

文件夹及文件命名

1. 所有的命名最好都小写。
2. 文件夹命名，尽量采取单个英语单词描述，如login,index。
3. html文件名称，当需要多个英语单词描述时用”_”(下划线)连接多个单词分隔，如：user_add.html,动词放在后面，便于相同业务模块文件放在一起。
4. css，image，js文件名称，当需要多个英语单词描述时用”-“(分隔线)连接多个单词分隔，如：font-awesome.css,login-user.jpg,login-pwd.jpg。 当基于某种类型从属关系划分文件时，以.(点)作为单词分隔，如：jquery.min.js,common.left-sliding.js

js变量命名

建议采取系统匈牙利命名法,因为js语言是一弱类型语言，声明变量时，在名称上标识其数据类型，以提高代码的的可读性。

变量名＝数据类型+对象描述

s: 表示字符串String
n:表示数字
i: 表示整型Int(它是Number中的整数类型)
fl: 表示浮点Float(它是Number中的小数类型)
b: 表示布尔Boolean
a: 表示数组Array
o: 表示对象Object
fn: 表示函数Function

例如
var aPerson = []; // Array数组
var oBtn = document.getElementById(‘btn’); //Object对象
var fnName = function () {}; // function函数
var sName = “w3cplus”; // string字符串

js函数命名

函数命名：统一使用动词或者动词+名词形式 —- fnInit()

<