常用命名规则1.大驼峰命名法，首字母大写FirstOne2。小驼峰命名法，第一个词首字母小写，其他同大驼峰firstOne3。蛇形命名法，使用下划线加入first_one4。减号命名法，使用减号来分隔单词之间的第一个。这些命名法的最大好处是，你可以很容易地将单词与代码规范中的那些潜规则区分开来。html代码中的潜规则1.html不区分大小写。浏览器解析标签不区分大小写。
//编译成这样虽然里面的class、id或者其他自定义属性支持大写。但是基本没有使用大写，所以建议html中的代码统一采用蛇命名方式和减号命名方式（好像是因为早期的xhtml不支持大写）2.语义标签语义真的很容易掌握，前端培训但是要理解这些语义标签的默认属性并重新设置它们并不容易。语义标签就这么多，掌握就是掌握。有实实在在的好处，建议大家掌握。JS代码中的潜规则JS是区分大小写的，所以常用的命名法是驼峰命名法。但是还有很多技巧：1.构造函数采用大驼峰命名方式（或者es6的class类）//构造函数简单来说就是一个需要new的函数。FistOne(){}newFirstOne()//该类符合以下这种语法糖类FirstOne(){}2.常量采用全大写的蛇形命名法。常量是不能改变的变量。为了醒目，都遵循全大写的蛇形命名法constFIRST_ONE=33。其他变量使用小驼峰命名法4.类型名缩写JS是一种弱类型语言，写起来非常方便。不过我想你一定遇到过下面这种情况//情况一，一个名为true的字符串leta=trueletb='true'//情况二，一串所有数字letc='123'letd=123candd好说，因为js里面有隐式转换。比较的话还是相等的，但是a和b不相等。我在和后端联调的时候遇到过这种情况。他告诉我，返回的是一个boolean类型的值，返回的是一个字符串。我只是把它作为一个判断条件leta='false'//假设这是后端返回给我的boolean值if(a){//XXXXX某列操作}结果可想而知，值显然是false总是执行。那时，我几乎怀疑人生，所以你能看到这篇文章是幸运的。这里有一个细节：GoogleConsole打印值时有颜色变化，字符串是纯黑色，其他类型的值是深蓝色。这部分说了这么多，可见类型的重要性，那么有哪些好呢？命名方法呢？当然，这部分仁者见仁智者见智。如果大家有更好的命名方式，欢迎评论交流。首先要做的是先阅读笔记。如果你说你第一反应是看源码，那好吧，我跟你没关系。..场景一：函数注释/**@paramdate{Date|timestamp}格式化时间@paramformat{string}支持的关键字yyyyMMddhhmmss@return{string}@authorMrXu@dateOctober201913thofmonth@example1570929141012->10thofOctober,2019dateFormat(1570929141012,'yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyymmyydddd')*/functiondateFormat(date,format){//XXXXXXX}像上面这样写一个字符串还是挺累的，所以做起来挺累的需要快速生成代码片段CSS中的潜规则代码1.不支持大写前面说了，html标签是不区分大小写的，虽然属性值支持大写。但是，不建议大写。减号命名方式有一个问题就是双击不能选中，但是我偶然从别人的文章评论中找到了一个方法来设置双击选择减号命名方式的问题：//vscode或者sublime设置加这个正则匹配可以选wordSeparators":"./\()\"':,.;<>~!@#$%^&*|+=[]{}`~?",2款式也可以分类。建议先写显示Attributes->SelfAttributes(BoxModelAttributes)->TextAttributesandOtherModificationsBEMLayoutblock:module,namebetweenwords-connectionelement:元素，模块的子元素，连接到blockwith__修饰符：修饰，模块变体，定义特殊模块，连接用--block//例如.person{}.person__header{}.person__main{}.person__footer{}.person--cap{}.person--clothing{}.person--shoe{}//现在css预编译器也很流行，所以贴个css预编译器。编译后的效果同上。person{&__header{}&__main{}&__footer{}&--cap{}&--clothing{}&--shoe{}}总结html,js,csscommon应该都涵盖了。还有一些很详细的就不说了，比如js中的隐藏变量，css中的属性尽量简写。