前端项目自测

搜索表单按钮间距、图标是否正确

表头筛选、排序后高亮、图标是否正确

列宽分配是否合理

单元格内容展示形式是否合理

文本内容过长需使用超出隐藏+toolTips弹框

操作列按钮过多需要折叠

[](()图文卡片列表


功能

翻页功能是否正确

样式

文字内容过多、过少时是否正确显示

图片不按约定尺寸上传时是否正确显示

图片列表无图片时是否正确显示

无数据时是否做兼容

[](()文件上传


功能

文件类型是否限制

文件大小是否限制

文件数量是否限制

上传建议文案是否正确

删除功能是否正常

操作成功后提示语及动作是否正确

样式

文件预览样式是否正确

预览图片是否变形

不同颜色预览图片上删除按钮是否可见

文件名过长时样式是否正确

文件过多时样式是否正确

无数据时是否做兼容

[](()弹框

-------------------------------------- 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 -------------------------------

是否使用公共组件

功能

表单弹框关闭后是否清除数据及校验结果

样式

按钮文案、顺序、间距是否正确

弹框类型、标题、图标是否正确

表单弹框表单项名称位置、间距是否正确

表单弹框必填项标识位置是否正确

[](()表单


功能

表单字段是否正确

表单字段是否缺失

表单字段名是否与接口文档对应

已隐藏或删除的表单项是否已从提交数据中删除

表单校验是否正确

必填项需提供星号标识和提示

校验规则需和产品设计一致

输入项需考虑输入长度限制(与后端、产品协商)

联动表单项、动态表单项校验是否正确

校验提示语是否正确

校验提示语句格式需保持统一

表单回显是否正确

字段缺失时是否做兼容

后端返回数据类型不正确时是否做判断

下拉、级联、多选、单选、树回显数据是否正确

重复提交是否设限

表单弹框关闭后是否清除数据及校验结果

操作成功后动作是否正确

成功后是否需要清除数据

提示文字是否正确

页面跳转是否正确

修改列表数据时,操作完成后列表数据是否刷新

样式

表单项间距是否正确

表单项名称位置、间距是否正确

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值