前端开发规范

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

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

3. 引入样式链接

js链接,样式放在head里面,js放在前面。

4. html头部要写lang

5. 编码方式基本是

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

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

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

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

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

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

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

--2016.08.17

你可能感兴趣的:(前端开发规范)