youbooks / FE-standard

前端项目开发规范，借鉴行业标准，适用于各个前端团队

FE-standard 前端项目开发规范

用更合理的方式书写前端

https://shady-xia.github.io/FE-standard/

前言

此规范包含了四个部分：JavaScript开发规范、CSS / Scss 开发规范、Vue 项目开发规范及项目通用规范

借鉴了行业内较为流行的前端规范及官方的style guide，并基于此进行改动，更适合各个中小型团队日常的项目开发工作

目录

• JavaScript开发规范

  • 前言
  • 1. 类型和引用
  • 2. 对象
  • 3. 数组
  • 4. 解构
  • 5. Strings
  • 6. 函数
  • 7. 箭头函数
  • 8. Class & Constructors
  • 9. 模块
  • 10. 属性和变量
  • 11. 比较运算符
  • 12. 代码块
  • 13. 注释
  • 14. 空格
  • 15. 逗号
  • 16. 分号
  • 17. 类型转换
  • 18. 命名规范
  • 19. jQuery

• CSS / Scss 开发规范

  • 前言
  • CSS
    • 基础
    • 空格
    • 换行
    • 属性的书写顺序
    • 值与单位
    • 命名规则
    • 其他
  • Scss
    • 属性声明的排序
    • 变量
    • Mixins
    • 避免使用扩展指令
    • 避免嵌套层级过多

• Vue 项目开发规范

  • 前言
  • 1. 组件命名规范
  • 2. Prop 定义规范
  • 3. Vue 中的书写顺序
  • 4. Vue 通用规范
  • 5. Vue Router 规范
  • 6. Vue 项目目录规范

• 项目的通用规范

  • 图片
    • 基本使用原则
    • 图片压缩

License