前端开发 - codeview总结

写在开头

这篇文章我会拿来记录自己每次codeview后发现的问题，按日期不定时更新。

2017-11-6

• 页面大节点或模块命名前加 p- ，css选择器中必须要带有前缀的 如 .introduce {} 应该为 .p-list .introduce {}
• 不要只用div 善用h1 h2 h3 span等标签
• 尽量减少无用的节点嵌套
• 注意：inline-block元素之间，如果有换行则会产生间距，需要设定父节点的font-size为0以避免之
• 图片和文字以中线对齐：两者均分别设置vertical-align:middle
• 若节点内容较少，将其写于一行
• 图标用i标签，较多元素善用ul和li标签
• js定义变量时，定义的位置靠近使用的位置
• 静态变量（如字符串）用对象装起来
• 少用if else，尽量减轻代码量，多使用 ||、 ？ ： 等方法