肉联帮团队前端代码规范
前言 代码规范参考借鉴自各个团队规范,提供肉联帮前端团队规范。 基本规范 命名规范 命名分类 camelCase (驼峰式,也叫小驼峰命名, e.g. userInfo ) PascalCase (帕斯卡命名式,也叫大驼峰命名, e.g. UserInfo ) kebab-case (短横线连接式, e.g. user-info ) snake_case (下划线连接式, e.g. user_info ) 项目命名 全部采用小写方式, 以下划线分隔。 例: snake_case 目录命名 组件目录使用 PascalCase ,其他目录统一使用 kebab-case 风格 HTML命名 单数复数使用 kebab_case.js 风格 CSS命名 统一使用 snake_case.css HTML命名 统一使用 snake_case.html HTML 规范 语法标准 缩进使用 tab(2 个空格); 嵌套的节点应该缩进; 在属性上,使用双引号,不要使用单引号; 属性名全小写,用中划线(-)做分隔符; 要在自动闭合标签结尾处使用斜线; <!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <img src= "images/image.png" alt= "Image" /> <!-- 属性名全小写