前端开发规范文档

我的愿景

成为业内知名的web 前端开发 工程师

文档介绍

这份文档已经写了差不多一年了，最近也更新过了，作为一个有组织和纪律的团队，规范是必须的，毕竟每个coder都有自己的一套风格和规范，为了以后团队的和谐发展，结合前端业界的开发经验，故而写出了一个相对是大而简洁的文档，希望能够对你也有所启发。下面简要的摘录我的文档，详细的可以在本文底部下载PDF文档。

文件规范

HTML书写规范

CSS 规范

JavaScript规范

图片规范

注释规范

开发及测试工具约定

更多内容请参考PDF文档（下同）

其他规范

浏览器css hack

前端开发文档2.0

新版修改日志（2014-3-6）

1. 修改了CSS hack的内容，增加了IE7、IE10和其他浏览器的hack属性，参考： CSS hack属性
2. 增加了CSS代码书写顺序和CSS常用命名，参考： CSS代码书写顺序和命名
3. 增加了一个工具集，参考： 前端工具流：工具集
4. 修改了“连字符CSS选择器命名规范”，改为“-”。原因如下：
   1. 输入的时候少按一个shift键；
   2. 浏览器兼容问题 （比如使用_tips的选择器命名，在IE6是无效的）
   3. 能良好区分JavaScript变量命名（JS变量命名是用“_”）
5. 增加了CSS文件命名附录

文档说明

1. 此篇文章参考了一些前辈的经验而写，只是为你提供了一个大体的思路，你可以下载，并根据自己的团队情况和协作环境制定具体内容，如果你有更好的意见，欢迎在这里留言；
2. 本文档制作和内容编写归本站所有，任何人未经许可，不得在其他下载站点传播文档（比如百度文库），上传给其他人使用和下载，这是我用心在做的事，希望大家能够给我一点支持；
3. 如果你觉得这篇文档对你有帮助，不妨支持一下我，在你的qq群告知你的好友或者公司项目中推广使用；
4. 如果你想转载这篇文章，请链接到这篇文章，因为我可能随时会更新这里的内容。感谢各位前端同仁的支持。

下载文档

本来是需要加群才能下载，由于很多人加了之后下载完文档就退群，让我感到很受伤害，所以更改一下下载内容：

请转发这条微博 http://weibo.com/1748018491/B5JO4uXiL 并@ 两位好友，关注本站微博： @前端开发博客 。本人将会私信你文档的下载地址。