新项目

代码格式化问题

方案1 prettier

👋Guoguo-notes 约束

方案2 biome

消息提示 message

电脑端 消息提示

image-20250905133708616

手机端 消息提示

image-20250905133747705

小程序默认消息提示

image-20250905134058839

单按钮样式 - 确定、知道了...

双按钮样式 - 取消/确定...

全局loading - 样式全局统一

全屏 loading

局部 loading

前后端状态码约定 - 异常报错

Code == 1 消息通知前端处理

Code == 401 token过期或者未登录，弹框或者跳转登陆页面

Code !==1 前端整理状态码，若前端未兼容状态码消息，所有报错后端处理

示例

image-20250905183552375image-20250905183241446

代码如下

error-code.ts

const enum THE_MESSAGE_TYPE {
  SHOW_MODAL = 'showModal', // 模态框提示
  SHOW_TOAST = 'showToast' // 消息提示
}
export const errorCode = {
  10909089: { msg: '订单已消耗无法转赠', type: THE_MESSAGE_TYPE.SHOW_TOAST }
}

request.ts

import { errorCode } from '../error-code'

Taro.showToast({
    title: `${
      errorCode[code]?.msg
        ? `${errorCode[code]?.msg}`
        : `${code}：${msg || '未知错误'}`
    }`,
    icon: 'none',
    duration: 2000
  })

image-20250905224855898

图片、图标约定问题

图片上传oss或者cdn，图标上传 iconfont

image-20250906000033792