Web前端开发命名规则.doc

文档介绍：Smart UI前台开发帮助
开发规范
HTML
HTML命名规范
类型
命名对象
命名
代码Demo
input标签
类型简写+ P_+业务名(需求阶段已定义好)_+操作名(Add/Edit/Search等)+ 操作对象+ 命名
text/password
txt
<input type=”text” id=”txtSuppListName”>
button
btn
<input type="button" id=”txtSuppListName”>
checkbox
chk
<input type="checkbox" id=”chkSuppListName”>
radio
rdo
<input type="radio" id="rdoSuppListIsStop"/>
hidden
hid
<input type="hidden" id="hidSuppListNo"/>
file
fle
<input type="file" id="fleSuppFile"/>
常用
textarea
txt
<textarea id="txtSuppEditNote" ></textarea>
select
sel
<select id=”selSuppEditType”></select>
option
op
<option id=”opSuppEditName1”></option>
a
lnk
<a id=”lnkSuppListName”></a>
img
img
<img id=”imgSuppListName”/>
label
lbl
<lable id=”lblSuppViewName”></label>
font
fnt
<font id=”fntSuppViewName”></font>
button
btn
<button id=”btnSunnListSearch”></button>
容器标签
(业务)命名(首字母小写)
div
<div id="editSupp"></div>
ul
<ul id="searchSupp"></ul>
ol
<ol id="searchSupp"></ol >
li
< li id="searchSupp"></ li >
dd
< dd id="searchSupp"></ dd >
dt
< dt id="searchSupp"></ dt >
dl
< dl id="searchSupp"></ dl >
table
< table id="searchSupp"></ table >
th
< th id="searchSupp"></ th >
tr
< tr id="searchSupp"></ tr >
td
< td id="searchSupp"></ td >
tbody
< dl id="searchSupp"></ dl >
thead
< thead id="searchSupp"></ thead >
tfoot
< tfoot id="searchSupp"></ tfoot >
samp
< samp id="searchSupp"></ samp >
span
< span id="searchSupp"></ span >
p
< p id="searchSupp"></ p >
其他
hr
<hr />
br
< br />
特殊命名
所有用于查询的标签, 类型简写后加’s’
如:查询:txtsName,编辑:txtName
HTML编写要求
要求只能使用上述规定的标签
每个标签要求结构完整;
如:<span/>应写为: <span></span>
除hr、br、img、input外标签都应该是标签对完整的
<br /><hr/><img />
除容器和文字标签外,不允许在标签中放置内容。
错误的写法:<input type="checkbox">库存</input>
正确的应该是:<input type="checkbox" value="库存" ></input>
关于对象的样式设置应该尽量使用系统定义的样式,除特殊的情况。
如:<td style="text-align: right; font-size: 12px; width: 30px">

JS
Javascript
JS命名规范
类型
命名对象
命名
代码Demo
基础数据类型
(类型简写+命名)
string
str
var