前端实习复盘+总结0207

鉴于今天都在修修改改bug,今天的主题主要是 bug预防以及细节完善 虽然很基础 但是也是必不可少的
1：关于表单form
有需求按照需求来 没有需求我们也要自身考虑很多地方

• 关闭清空表单数据 编辑回显表单数据 这是最基础的
• 然后就是表单验证  字符长度一般要有限制
• 限制输入空格

2：关于表格

• 考虑表格内容过长影响样式-(antd采用ellipsis: true elment采用:show-overflow-tooltip="true"）
• 内容确定宽度需要固定宽度 表头一般只有操作列需要居中
• 表格某项内容为空展示 一般采用“-”展示
• 表格常见bug 删除最后一页最后一个元素时 请求页码没有变成上一页 需要我们自己去进行处理和判断 
  （适用于删除多个或者一个：判断请求页码数剧为空是 把请求页码-1重新请求数据）
  （只适用于一个一个删除：在删除元素的时候 判断页码是不是最大且这页只有一个 从而知道请求页码）

3：关于弹窗

• 遮罩层点击不允许隐藏弹窗

4：其他细节

• loading状态（也就是当用户请求接口给用户展示一个加载中的状态）在表格删除增加 以及页面加载数据常用 react推荐使用 ahooks里面的useRequest请求接口 会提供loading属性
• 删除确认框 通常情况我们实现删除功能时 点击删除都需一个删除确认框
• 友好的操作成功提示 有时候新增数据我们可以友好的给成功提示 但是不能使用过多 以免反而拉低了项目体验