前端开发规范

1. 添加样式使用class不用id，id唯一性，不能重复名称

2. 不在HTML页面设置样式、包含js代码比如这些都不能出现在HTML里面<style></style><script></script>

3. 引入样式链接<link rel="stylesheet" href="code_guide.css">、

js链接<script src="code_guide.js"></script>，样式放在head里面，js放在</body>前面。

4. html头部要写lang

5. 编码方式基本是<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

6. html尽量排版整齐，不留空行

7. 完成后检查js代码,能合并的代码尽量合并，避免重复使用

8. 小图使用雪碧图合并，减少请求数量

9. 图片前提条件是体积不能超过150K，超过要压缩例如使用这个网站压缩https://www.tinypng.com/，jpg图片默认情况下需要用ps来输出质量为60%，如果图片质量不好，可提高到80%。

10. 禁止将按钮、可能会产生的响应区域直接切到背景图，要单独切出来，比如按钮切出来有点击状态和正常状态，用ps等软件将其和其他小图合并成雪碧图，如果文字的样式不能实现，也要切出来。不过尽量文字不要用图实现。

11. 量多的js代码尽量封装起来可以复用

这里有些规范可以参考一下通过分析github代码库总结出来的工程师代码书写习惯

--2016.08.17