前端开发变量名生成器 （仅供系统开发人员测试使用，生成全局唯一的变量名，避免按变量找源头找出好几页同名关键字的尴尬）
字符长度：
,
变量类型：
,
前缀字符： ,
后缀字符：
一、关于随机变量名生成器
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 |
