前端开发变量命名生成器

长度:
前端开发变量名生成器 (仅供系统开发人员测试使用,生成全局唯一的变量名,避免按变量找源头找出好几页同名关键字的尴尬)


设定前后缀:
一、关于随机变量名生成器

变量名最大的难题,一是取名伤脑细胞,二容易重名。

比如在写Vue,看到表单上的变量用的是 form 、data,要改个BUG,一个页面看下来结果几十个含有 form、data的关键字( ̄  ̄|| )。。

随机变量名在写class CSS样式时,查找时只有一个结果,精准定位。

二、食用手册

1. 点击变量即复制成功

2. 变量支持自定义变量长度、变量前缀、变量后缀。

三、变量命名规范

以下字段仅适合用在随机变量时前缀~

(1)页面主体
页头: header 页面主体: main 容器: container 文章: article 页尾: footer
菜单: menu 子菜单: submenu 标签页: tab 标志: logo 图标: icon
横幅广告: banner 节、段: section 标题: title 摘要: summary 版权: copyright
(2)导航
导航: nav 导航图标: sidebarIcon 主导航: mainbav 顶导航: topnav 边导航: sidebar
左导航: leftsidebar 右导航: rightsidebar 子导航: subnav 面包屑: breadcrumb 搜索: search
(3)文章
列表: list 内容: content 热点: hot 新闻: news 简介: profiles
投票: vote 注释: note 指南: guild 评论: comment 回复: reply
(4)功能
登录条: loginbar 登陆: login 注册: regsiter 搜索框: searchBox 下载: download
滚动: scroll 下拉: drop 转角/圆角: corner 提示信息: msg 当前的: current
功能区: shop 加入: joinus 标注: label 按钮: btn 箭头: arrow
(5)方向
上: top 下: bottom 左: left 右: right 中: center
(6)页脚
小技巧: tips 指南: guide 报头: masthead 外围宽度: wrapper 状态: status
服务: service 合作伙伴: partner 工具条: toolbar 链接: link 友情链接: friendlink

发表看法



«-必填


«-必填,不公开

留言