Web前端开发命名规则.doc

SmartUI前台开发帮助
开发规范
HTML
HTML命名规范
类型命名对象命名代码Demoinput标签类型简写+P_+业务名(需求阶段已定义好)_+操作名（Add/Edit/Search等）+操作对象+命名text/passwordtxt<inputtype=”text”id=”txtSuppListName”>buttonbtn<inputtype="button"id=”txtSuppListName”>checkboxchk<inputtype="checkbox"id=”chkSuppListName”>radiordo<inputtype="radio"id="rdoSuppListIsStop"/>hiddenhid<inputtype="hidden"id="hidSuppListNo"/>filefle<inputtype="file"id="fleSuppFile"/>常用textareatxt<textareaid="txtSuppEditNote"></textarea>selectsel<selectid=”selSuppEditType”></select>optionop<optionid=”opSuppEditName1”></option>alnk<aid=”lnkSuppListName”></a>imgimg<imgid=”imgSuppListName”/>labellbl<lableid=”lblSuppViewName”></label>fontfnt<fontid=”fntSuppViewName”></font>buttonbtn<buttonid=”btnSunnListSearch”></button>容器标签（业务）命名（首字母小写）div<divid="editSupp"></div>ul<ulid="searchSupp"></ul>ol<olid="searchSupp"></ol>li<liid="searchSupp"></li>dd<ddid="searchSupp"></dd>dt<dtid="searchSupp"></dt>dl<dlid="searchSupp"></dl>table<tableid="searchSupp"></table>th<thid="searchSupp"></th>tr<trid="searchSupp"></tr>td<tdid="searchSupp"></td>tbody<dlid="searchSupp"></dl>thead<theadid="searchSupp"></thead>tfoot<tfootid="searchSupp"></tfoot>samp<sampid="searchSupp"></samp>span<spanid="searchSupp"></span>p<pid="searchSupp"></p>其他hr<hr/>br<br/>特殊命名所有用于查询的标签,类型简写后加’s’如：查询：txtsName，编辑：txtName
HTML编写要求
要求只能使用上述规定的标签
每个标签要求结构完整；
如：<span/>应写为:<span></span>
除hr、br、img、input外标签都应该是标签对完整的
<br/><hr/><img/>
除容器和文字标签外，不允许在标签中放置内容。
错误的写法：<inputtype="checkbox">库存</input>
正确的应该是：<inputtype="checkbox"value="库存"></input>
关于对象的样式设置应该尽量使用系统定义的样式，除特殊的情况。
如：<tdstyle="text-align:right;font-size:12px;width:30px">

JS
Javascript
JS命名规范
类型命名对象命名代码Demo基础数据类型(类型简写+命名)stringstrvarstrSuppNameintivariSuppNodecmaildvardSuppNoarrayarrvararrSuppNamesdatedtvardSuppStopDateTimeJsonjsnvarjsnPostdata扩展StringBulidersbvarsbSuppName特殊对象类型object(class)命名常用局部变量"_"+类型简写(包括Dom)+命名var_strSuppName=‘’;
全局变量类型简写(包括Dom)+命名varstrSuppName=‘’;function命名（首字母小写）functionaddSupp()functionparam类型简写(包括Dom)+命名（全小写）functionaddSu