在编码的过程中变量命名是一个容易忽略，又容易犯头疼的问题。例如在复杂的页面布局中Class的命名，同样一个结构在不同的上下文要表达的意思不一样，是采用通用命名呢？还是采用更具有描述性的业务相关词汇？但是呢还需要考虑到样式的复用、是否会冲突、被覆盖、组合命名的长度是否太长等问题。

在实际工作中，每个人都有自己命名风格和惯用词汇，有的喜欢使用英文简写、有的喜欢使用中英文结合、有的喜欢给变量加数据类型前缀、有的喜欢乱造词汇、有的甚至单词都拼写不正确。在看别人代码的过程中你是否像我一样无语，但也只能截图指出并吐槽二下，有些时候对方并不买单，改正。

每次到换工作的时候就更新博客，7月下旬的高温天气就适合在家里码字，这次选择这个话题的原因是目前在网上还没有相关的文章来系统全面的论述有前端关代码变量命名的资料。Java有《码出高效 - 阿里巴巴Java开发手册 终级版》，而前端这方面目前还是一个空白，虽然有很多代码规范，但是很少有人愿意在这方面去花心思，更多的是研究框架的源码、数据结构与算法和尝试新的技术，本人由于大脑开发有限、没有能力去啃这些骨头，只好捡一些很少有人去碰触的简单不费脑的知识点来考究一二，希望也能为前端的生态做出一点小贡献。

目前流行的经典命名规则有：驼峰命名法、匈牙利命名法、下划线命名法、帕斯卡命名法

相关命名的具体规则请另行查阅。前端主要涉及到驼峰命名法，React组件会用到帕斯卡命名法。

• 变量名首字母必须为字母(a-z A-Z)，下划线(_)，或者美元符号($)开始
• 变量名只能是字母(a-z A-Z)，数字(0-9)，下划线(_)的组合，并且之间不能包含空格，数字不能放在变量名首位。

这里给出一些在开发过程中约定成俗的通用规则，涉及JavaScript, Typescript, 框架组件, 样式及目录。在文章中将使用_【强制】来_表示必须严格遵守，_【推荐】_来表示建议_，【参考】_来给出多种命名方式的一种。

patMode(判断当前浏览器采用的渲染方式)
tablet 药片,小块 .碑，匾; 便笺簿,平板电脑
wrap n. 膝毯，披肩，围巾，围脖，头巾，罩衫，外套，大衣; 包装纸;
slide n. 滑动；幻灯片；滑梯；雪崩 英