1 / 20
文档名称:

Web前端开发-命名规则.doc

格式:doc   大小:628KB   页数:20页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

Web前端开发-命名规则.doc

上传人:63229029 2017/5/29 文件大小:628 KB

下载得到文件列表

Web前端开发-命名规则.doc

相关文档

文档介绍

文档介绍:Smart UI 前台开发帮助 1、 HTML 命名规范类型命名对象命名代码 Demo Input 标签类型简写+ P_+ 业务名(需求阶段已定义好)_+ 操作名( Add/Edit/Searc h 等) +操作对象+命名 text/password txt <input type= ” text ” id= ” txtSuppListName ”> button btn <input type="button" id= ” txtSuppListName ”> checkbox chk <input type="checkbox" id= ” chk SuppListName ”> radio rdo <input type=" radio " id=" rdoSuppListIsStop "/> hidden hid <input type="hidden" id="hid SuppListNo "/> 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=" s earch S upp"> </ul> ol < ol id=" s earch S upp"> </ol > li < li id=" s earch S upp"> </ li> dd < dd id=" s earch S upp"> </ dd> dt < dt id=" s earch S upp"> </ dt> dl < dl id=" s earch S upp"> </ dl> table < table id=" s earch S upp"> </ table > th < th id=" s earch S upp"> </ th> tr < tr id=" s earch S upp"> </ tr> td < td id=" s earch S upp"> </ td> tbody < dl id=" s earch S upp"> </ dl> thead < thead id=" s earch S upp"> </ thead > tfoot < tfoot id=" s earch S upp"> </ tfoot > samp < samp id=" s earch S upp"> </ samp > span < span id=" s earch S upp"> </ span > p <p id=" s earch S upp"> </p> 其他 hr <hr /> br < br /> 特殊命名所有用于查询的标签, 类型简写后加’s’如:查询: txtsName ,编辑: txtName 、 HTML 编写要求 1) 要求只能使用上述规定的标签 2) 每个标签要求结构完整; 如: <span/> 应写为: <span></span> 除 hr 、 br 、 img 、 input 外标签都应该是标签对完整的<br /><hr/><img /> 3) 除容器和文字标签外,不允许在标签中放置内容。错误的写法: <input type="checkbox"> 库存</input> 正确的应该是: <input type="checkbox" value=" 库存" ></input> 4) 关于对象的样式设置应该尽量使用系统定义的样式,除特殊的情况。如: <td style="text-align: right; font-size: 12px; width: 30px"> 1、 JS 命名规范类型命名对象命名代码 Demo 基础数据类型(类型简写+命名) string str