前端常用命名

1. 结构常用命名

• 页头：header
• 内容：main
• 底部：footer
• 导航条：nav
• 主导航：mainnav
• 子导航：subnav
• 顶导航：topnav
• 边导航：sidenav
• 页面中部主体：content
• 菜单：menu
• 子菜单：submenu
• 摘要：summary
• 侧栏：sidebar
• 栏目：column
• 标题：title
• 页面整体布局宽度：wrapper
• 布局：layout
• 左中右：left center right
• 标志：logo
• 广告：banner
• 登录：login
• 登陆条：loginBar
• 注册：register
• 搜索：search
• 搜索输入框：searchInput
• 热门热点：hot
• 新闻：new
• 下载：download
• 加入：joinus
• 图标：icon
• 文章列表：list
• 投票：vote
• 小技巧：tips
• 服务：service
• 版权：copyright

2. 状态命名

•  是否显示：isShow
•  是否可见：isVisible
•  正在验证中：isValidating
•  正在运行中： isRunning
•  正在监听中： isListening
•  是否处于加载中：isLoading
•  是否处于加载中：isConnecting

3.属性状态类

• 是否禁用：  disabled
• 是否可编辑：editable
• 是否可清除： clearable
• 只读：readonly
• 是否可展开：expandable
•  是否选中：checked
• 是否可枚举；enumberable
• 是否可迭代：iterable
• 是否可点击：clickable
• 是否可拖拽：draggable

4.函数命名

• 获取数据： getXx ，fetchXx
• 数据删除：deleteXx 
• 移除数据：removeXx 
• 数据更新：updateXx 
• 数据添加：addXx 
• 原生事件：onXx
• 自定义事件：handleXx
• 事件主动监： onXx
• 被动处理： handleXx
• 表单提交： onSubmit
• 获取用户列表：getUsers
•  取得Token：fetchToken
• 删除用户：deleteUser
• 移除标签：romoveTag
• 更新用户信息：updateUsrInfo
• 添加用户：addUsr
• 创建用户：createAccount
• 查询数据：query
• 发送数据：send
• 获取用户合集：queryUsers
• 保存用户信息：saveUserInfo

5.路由跳转命名

•   跳转到模板详情页面：toTplDetail
•   导航到首页：navigateToHome
•   跳转首页：jumpHome
•   跳转首页：goHome
•   重定向到登录页：redirectToLogin
•   切换Tab选项卡：switchTab
•   回到主页：backHome

6.数组命名

• 用户列表：users
• 用户列表：userList
• 选项卡选项：tabOptions
• 状态映射表：stateMaps
• 选中的节点：selectedNodes
• 按钮组：btnGroup
• 用户实体： userEntities

7.时间命名

• 发送时间：sentAt
• 添加时间：addAt
• 更新时间：updateAt
• 开始日期：startDate
• 结束日期：endDate
• 开时时间：startTime
• 结束时间：endTime

8. 常用简写

• hd -> head
• hdr -> header
• bd -> body
• ft -> foot
• ftr -> footer
• tbl -> table
• el -> element **
• cnt -> content
• cmp -> component
• btn -> button **
• sel -> select *
• opt -> option *
• chk -> checkbox
• lbl -> label
• wiz -> wizard *
• bg -> background **
• cur -> current **
• prev -> previous **
• idx -> index
• len -> length **
• pg -> page
• vm -> view page
• repo -> repository *
• org -> organization *
• ref -> reference *
• res -> response **
• req -> request **
• msg -> message **
• str -> string **
• ch -> chracter *
• lbl -> label
• img -> image **
• buf -> buffer *
• usr -> user
• args -> arguments *
• no -> number
• err -> error *
• tmp/temp -> temporary **
• rst -> result
• bdr -> border
• fn/func -> function **
• nav -> navigator *
• val -> value
• params -> parameter *
• dev -> development *
• prod -> product *
• util -> utility *
• hoc -> high order component *
• cb -> callback *
• lib -> library *
• prop(s) -> property(ies) *
• attr(s) -> attribute(s) *
• arr -> array *
• conf -> config *
• dlg -> dialog
• e/ev/evt -> event **
• pkg -> package *
• tpl -> template *
• addr -> address
• desc -> descending
• aesc -> aescending
• expr -> expression **
• src -> source **
• hoz -> horizontal
• vert -> vertical
• abbr -> abbreviate
• env -> envirnment **
• sec -> seconds *
• ms -> millisecond **
• bool -> boolean *
• dbl -> double

9.常用词汇

• 动词

on: 监听、正在进行中
get: 取
set: 设置
fetch: 获取
find: 查找
add: 添加
create: 创建
remove: 移除
delete: 删除
update: 更新
upgrade: 升级
downgrade: 使降级
sync: 同步
toggle: 切换
pull: 拉
push: 推
show: 显示
hide: 隐藏
resolve: 解析；分解
parse: 解析
lock: 锁定
link: 连接
merge: 合并
close: 关闭
clone: 克隆
clear: 清除
format: 格式化
convert: 转变
cancel: 取消
accept: 承认；同意
check: 检查，核对
concat: 合并数组、字符串
join: 合并
split: 分开
spread: 展开
search: 搜索
sort: 排序
assign: 分配，指定
handle: 处理
trigger: 触发
login: 登入
logout: 登出
register: 注册
sign: 签名
throw: 抛出
load: 加载
preload: 加载
copy: 复制
paste: 粘贴
connect: 连接
change: 改变
select: 选择
validate: 验证
submit: 表单提交
commit: 提交
match: 匹配
scroll: 滚动
write: 写
read: 读
enable: 启用
disable: 禁用
limit: 限制
bootstrap: 启动
init: 初始化
install: 加载
upload: 上传
inject: 注入
provide: 提供
exit: 退出
access: 访问
flush: 刷新/使暴露
refresh: 刷新
release: 发布
preview: 预览；试映
publish: 出版；发行
navigate: 导航；浏览
redirect: 重定向
back: 返回
switch: 切换
launch: 加载
browse/visit: 浏览
append: 追加
insert: 插入
swap: 交换
map: 遍历
extract: 提取；选取
provide: 提供
inject: 注入
observe: 观察
render: 渲染
debug: 调试
align: 对齐
popup: 弹出
transfer: 转让、迁移
attach: 附加
build: 构建
diagnose: 诊断，断定
ignore: 忽略
deploy: 部署；展开
send/sent: 送；寄出
defer: 推迟
delegate: 委托
destroy: 销毁
dispatch: 派发；分派
trace: 追踪

• 名词

issue: 问题
project: 项目
repo(repository): 仓库；知识库
ecosystem: 生态系统
assets: 资产
resource: 资源
toolkit: 工具包、工具箱
workbench: 工作台
item: 项目；条款
option: 选项
field: 字段
type: 类型
status: 状态
property: 属性
attribute: 特性
parameter/argument: 参数
length: 长度
size: 尺寸
shape: 形状
label: 标签
value: 值
view: 视图
page: 页面
env(envirnment): 环境
context: 上下文
count: 总数；计数
amount: 数量；数额
sum: 合计；金额
num(number): 号码
total: 总数
money: 钱；货币
filter: 过滤器
pipe: 管道
stream: 流
buffer: 缓冲器
comment: 评论
ref(reference): 引用
res(response): 响应
req(request): 请求
entity: 实体
event: 事件
setup 设置
prefix 前缀
suffix 后缀
wizard 小部件
model 模型
flag 标志
factory 工厂
service 服务
constant: 常量
var(iable): 变量
collection: 集合
array: 数组
raw: 原始值
platform 平台
capital: 大写字母
uppercase/lowercase: 大/小写
letter: 字母
entrance: 入口
path: 路径
route: 路由
router: 路由器
config: 配置
middleware: 中间件
success: 成功
error: 错误
fail(ure): 失败
frontend: 前端
backend: 后端
local: 本地
sever: 服务器
production: 线上；产品
border: 边框
outline: 轮廓
precision: 精度
separator: 分隔符
mask: 遮罩
metadata: 元数据
location: 位置
sandbox: 沙箱
scope: 作用域
queue: 队列
heap: 堆
notice: 通知
bubble: 气泡
hooks: 钩子
cell: 单元格
row: 行
column: 列
group: 组
cursor: 游标
pattern: 模式
abstract: 抽象
compose: 复合；并集
callback: 回调函数
priority: 优先级
grade/rank/hierarchy 等级、层级
table,chart, graph, diagram: 表格，图表，曲线图，图表
system: 系统、体系
guards: 保障、守卫
segment/fragment: 片段、碎片
shaking: 抖动
mix: 混淆
dependence: 依赖
injection: 注入
markup: 标记
email: 电子邮件
version: 版本
detail: 详情
stub: 存根
score: 成绩
breakpoint: 断点
record: 记录
pointer: 指针
thumbnail: 缩略图
gallery: 画廊
viewport: 视口
strategy: 策略
outlet: 出口
inlet: 入口
gist: 主旨；要点；依据
licence: 许可证
copyright: 版权
order: 命令
input: 输入
output: 输出
effect: 影响；效果；作用
position: 位置
corner: 角落
animation: 动画
dot: 点
palette: 调色板；颜料
album: 相册
photo: 照片
host: 主机
session: 会话
cookie: 饼干；小甜点
domain: 域名
certificates: 证书
coercion: 强制
payload: 载物
thread: 线程
process: 进程
timestamp: 时间缀
conflicts: 冲突
terminal: 终端
portrait: 肖像
auxiliary: 附属物
backup: 备份
bitmap: 位图
breakpoint: 断点
concurrency: 并发
lock: 锁
digest: 摘要
exception: 异常
genericity: 泛型
handle: 句柄
macro: 宏
manifest: 清单
modifier: 修饰字；修饰符
override: 覆写
overload: 重载
procedure: 过程
protocol: 协议
recursion: 递归
marquee: 跑马灯

// 形容词
native: 原生的
hybrid: 混合的
basic: 基础的
complex: 复杂的
empty: 空的
online: 在线的
offline: 离线的
public: 公共的
private: 私有的
static: 静态的
dynamic: 动态的
shared: 共享的
safe: 安全的
relative: 相对的
absolute: 绝对的
original: 原始的
infinite: 无限的
partial: 局部的
ascending: 按升序
descending: 按降序
primary: 原始的，第一的
secondary: 第二的
tertiary: 第三的
deprecated: 弃用的
concrete: 具体的
abstract: 抽象的
explicit: 显示的；明确的
implicit: 含蓄的；暗示的
mutable: 可变的