笔记 1 ： 前端编码规范

2018/1/18

行为，样式，结构三者分离
在前端领域来说，行为，样式，结构三者分别对应着JavaScript，css和HTML，而将行为，样式，结构三者分离，简单来说，就是避免添加行间样式和行间事件。我们之前采用提取行间事件的方法将写成函数就是这个目的，在今后的代码编写中，也建议大家尽量遵守这个原则。

注：

1. 行间样式指直接在元素上附加的样式，如<h1 style="background-color:red;">测试</h1>
2. 行间事件指直接在元素上附加的事件，如<h1 onclick="a();">测试</h1>
3. 提取行间事件指根据元素ID绑定事件，如<h1 id="a">测试</h1> a.onclick = a();

CSS优先级

1. 行间样式
2. ID
3. class
4. 标签
5. 通配符

参考：
1. 初探JavaScript魅力