# fe-specification

**Repository Path**: hamflx/fe-specification

## Basic Information

- **Project Name**: fe-specification
- **Description**: Vue.js 前端开发规范
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-02
- **Last Updated**: 2021-11-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue.js 前端开发规范

1. 不可以提交 `console.log` 等打印方法到仓库；

2. 所有的 `setInterval` 都必须有对应的 `clearInterval；`

   若 `setInterval` 是在 `mounted` 中调用，则应该在 `destroyed` 中释放。
   若 `setInterval` 不是在 `mounted` 中调用，则在调用 `setInterval` 方法时需要判断 `vm._isDestroyed`。

3. 凡需要 `loading` 的请求，都必须在 `finally` 中取消 `loading`；

4. 限定 `vue` 组件中未加 `scoped` 的样式；

   如果 `vue` 组件中使用了未加 `scoped` 的样式，请采用一个不会与其他类名重复的类名限定一下作用范围（如：`UUID`）。

5. 妥善处理不用的资源；

   - `addEventListener` 与 `removeEventListener`
   - `onresize = () => {}` 与 `onresize = null`
   - `setInterval` 与 `clearInterval`

6. 需要轮询的地方禁止使用 `setInterval`，采用 `setTimeout` 替代；

   比如订单轮询，仅当订单状态处于支付中时，才需要再次查询订单状态，同时需要妥善处理结束标志。

7. 嵌套缩进要正确匹配。