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


前缀: 后缀:

大小写:
一、关于随机变量名生成器

1、取变量名最大的难题,1取个好名伤脑细胞,2太多满屏的重名。

2、在写Vue就有体验到,表单常用变量是 form 、data,要改bug了,一个页面看下来几十个 form、data关键字( ̄  ̄|| )

3、随机变量名的好处:写class CSS样式时,查找时只有一个结果,精准定位。

4、很多大厂的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

评论


No comment yet.

发表看法


«-必填


«-必填,不公开

定制咨询
微信扫码周一至周六服务