命名规则标准,仅收藏个适合于自己的命名规则!

丶灬走出姿态 提交于 2019-12-03 17:37:38

HTML中的JS  function 命名:

function set_color(){     }

function Set_Color(){     }

 

HTML中的JS  变量命名:

var  MENU_MAX_ID=1   【全局变量】

var  menu_current_item=3   【局部变量】

 

HTML中的CSS命名

(切记:1、全部小写       2、除CSS其他地方不要用中划线-,其他代码地方都用下划线_):

.masjt-side-menu{font-size: 16px;margin-bottom: 51px;}

 

ASP、PHP中的function 命名:

sub setColor(){       }

function GetColor(){      }

 

ASP、PHP中的普通变量命名:

var  MENU_MAX_ID=1   【全局变量 * 推荐这样】

var  p_menu_current_item = 3   【局部变量 * 推荐这样】

var  p_NavColor = 3   【局部变量】

var  pMenuColor = 3   【局部变量】

 

文件名数据库表名和字段命名:

文件名、数据库表名:UserAdmin  、 Menu  、 MenuSort  、table_UserList  、 tb_UserList   、tbUserList

数据库字段名:State    UserName     UserPassword     AddDate 

SQL语言编码规范:所有关键字最好大写,如:SELECT DELETE、UPDATE、INSERT等等

 


1:匈牙利命名法
开头字母用变量类型的缩写,其余部分用变量的英文或英文的缩写,要求单词第一个字母大写。
eg:iMyName 表示 int 类型的变量

2:驼峰式命名法(小驼峰)
第一个单词首字母小写,后面其他单词首字母大写。
eg:myName

3:帕斯卡命名法(大驼峰)
每个单词的第一个字母都大写。
eg:MyName

 

命名动词

一个好的函数名一般能通过名字直接获知该函数实现什么样的功能。首先,如果你无法对这个函数给
出一个合适的名字,说明你对这段代码将要实现的功能理解还不到位,或者说你对需求的理解还不够
充分。其次,如果你的函数名不能正确地反映函数功能,那么你可能就嗅到了“坏代码的味道”(参
考《重构》),可能意味着这个函数过大,需要细化为耦合性更小、功能更加独立的几个函数。
函数命名一般建议统一使用动词或者动词+名词的形式:init(),getName()
涉及到布尔逻辑值的函数建议采用is,has,contains代替动词开头:isObject(),hasClass(),
containsElements()
常见的一些动词,可以借鉴和参考:
isObject(),hasClass()
get 获取/set 设置,        add 增加/remove 删除
create 创建/destory 移除        start 启动/stop 停止
open 打开/close 关闭,        read 读取/write 写入
load 载入/save 保存,        create 创建/destroy 销毁
begin 开始/end 结束,        backup 备份/restore 恢复
import 导入/export 导出,        split 分割/merge 合并
inject 注入/extract 提取,        attach 附着/detach 脱离
bind 绑定/separate 分离,        view 查看/browse 浏览
edit 编辑/modify 修改,        select 选取/mark 标记
copy 复制/paste 粘贴,        undo 撤销/redo 重做
insert 插入/delete 移除,        add 加入/append 添加
clean 清理/clear 清除,        index 索引/sort 排序
find 查找/search 搜索,        increase 增加/decrease 减少
play 播放/pause 暂停,        launch 启动/run 运行
compile 编译/execute 执行,        debug 调试/trace 跟踪
observe 观察/listen 监听,        build 构建/publish 发布
input 输入/output 输出,        encode 编码/decode 解码
encrypt 加密/decrypt 解密,        compress 压缩/decompress 解压缩
pack 打包/unpack 解包,        parse 解析/emit 生成
connect 连接/disconnect 断开,        send 发送/receive 接收
download 下载/upload 上传,        refresh 刷新/synchronize 同步
update 更新/revert 复原,        lock 锁定/unlock 解锁
check out 签出/check in 签入,        submit 提交/commit 交付
push 推/pull 拉,        expand 展开/collapse 折叠
begin 起始/end 结束,        start 开始/finish 完成
enter 进入/exit 退出,        abort 放弃/quit 离开
obsolete 废弃/depreciate 废旧,        collect 收集/aggregate 聚集

HTML命名相关名称参考:

(一)命名规则:
头:header    
内容:content/container   
尾:footer   
导航:nav   
侧栏:sidebar   
栏目:column   
页面外围控制整体布局宽度:wrapper    
左右中:left right center   
登录条:loginbar      
标志:logo       
广告:banner        
页面主体:main         
热点:hot         
新闻:news      
下载:download        
子导航:subnav       
菜单:menu          
子菜单:submenu        
搜索:search        
友情链接:friendlink        
页脚:footer      
版权:copyright         
滚动:scroll        
内容:content         
标签页:tab        
文章列表:list         
提示信息:msg      
小技巧:tips         
栏目标题:title          
加入:joinus          
指南:guild           
服务:service          
注册:regsiter          
状态:status        
投票:vote     
合作伙伴:partner   

 

(二)注释的写法:

/* Footer */
内容区
/* End Footer */

(三)id的命名:

(1)页面结构
容器: container
页头:header
内容:content/container
页面主体:main
页尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center

(2)导航

导航:nav
主导航:mainbav
子导航:subnav
顶导航:topnav
边导航:sidebar
左导航:leftsidebar
右导航:rightsidebar
菜单:menu
子菜单:submenu
标题: title
摘要: summary

(3)功能

标志:logo
广告:banner
登陆:login
登录条:loginbar
注册:regsiter
搜索:search
功能区:shop
标题:title
加入:joinus
状态:status
按钮:btn
滚动:scroll
标签页:tab
文章列表:list
提示信息:msg
当前的: current
小技巧:tips
图标: icon
注释:note
指南:guild
服务:service
热点:hot
新闻:news
下载:download
投票:vote
合作伙伴:partner
友情链接:link
版权:copyright

 

 

 

 

 

 

 

 

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!