项目名称 PictureManager

项目架构

前端

• 模块加载器 ： requirejs
• 任务自动管理工具 ： gulp
• 前端类库管理工具 : bower
• 类库： jquery、webupload
• css: 采用less 可以减少大量重复代码

后端

• nodejs
• 开发框架 express或者koa
• 模板引擎 arttemplate
• 数据库 mongodb
• 流程控制 async或者promise

---

代码规范

HTML

• 必须存在文档类型声明，新页面统一使用HTML 5 DTD
• head部份格式正确，包含字符集meta和title
• 外链CSS置于head里，例外：应用里的footer样式
• 不通过@import在页面上引入CSS
• 页面级js置于页底
• 标签全部小写，包含属性，且自定义属性单词分隔用中横线
• id、class名称全部小写，单词分隔使用中横线
• 属性值必须存在（可以为空），且使用双引号
• 标签必须闭合，嵌套正确
• 一个节点上定义的class个数最多不超过3个
• 行内标签不得包含块级标签，a标签例外
• h类标签层次分明，递减
• a标签加上title属性，除非作为功能点的a标签
• img标签加上alt属性
• text、radio、checkbox、textarea、select必须加name属性

JavaScript

• 正确的缩进，最小缩进单位为4个空格
• 所有语句结束带上分号
• 所有条件区域必须用花括号括起来
• 使用命名空间，禁止出现不必要的全局变量
• 方法、变量都使用驼峰命名，类使用大驼峰(Pascal)命名
• 变量声明应放在function的最上面，避免使用未声明的变量
• 常量名全部大写，单词分隔使用下划线
• on开头的命名只能用作事件处理函数
• 初始化函数以init开头
• DOMReady之前不能进行DOM操作

CSS

• 页面级别样式不使用id
• 页面级别样式不能全局定义标签样式
• 不能定义内嵌样式style
• CSS级联深度不能超过4层
• 字体名称中的中文必须用ascii字符表示
• 禁止使用星号（）选择符，含选择符中带号的hack
• 禁止使用CSS表达式，fixed例外