总体类
整体排版布局（拆分组成模块，主体可以大概构思一下）
拆分顶部，主体区，底部，侧边栏等，再考虑每块对应局部情况（大概了解）
最小宽度，最大宽度
是做响应式还是采用最小宽度
做响应式考虑大屏小屏下的页面状态是否合理
页面操作的交互事件
是否可以拆分成组件，是否可以公共复用
界面是否需要动画加载
addEventListener事件，需及时销毁
输入框之类需要做防抖
短时间同时请求同一个接口，容易造成错乱（例如第一次搜索响应数据迟于第二次，第一次将覆盖第二次，需要做处理）
对滚动，连续点击相关事件使用节流方式
操作类
点击按钮操作可以添加按钮动画，也可请求期间disabled掉
操作增删改成功可以添加文案提示，不成功走全局方法提示或者自定义
查询列表或者详情可以添加loading效果
添加筛选项，切换分页数量等情况，需要置为第一页
图片类
图片需要考虑是否使用懒加载
图片宽比，object-fit属性
是否添加预览大图
多张图片情况下，点击当前图片预览，需要做定位
图片文字对齐
图片5px问题
视频类（音频同理）
视频封面使用第一帧（建议）
视频点击开播放，是否自动播放
视频是否支持下载
视频是否记录进度条
关闭视频（例如弹窗）需要停止掉视频
文档类
需要支持预览和下载
是否需要实时编辑
文档响应速度
表格类
表格之间宽度占比
表格是否需要做固定列
是否需要边框、斑马线、高亮等
是否需要做自定义表头
是否支持排序
是否进行筛选
表格高度要求
表单类
是否进行校验
确定各个字段的数据类型、长度、规则
是否进行必填、规则校验
触发表单校验的时机
提交时先校验，关闭是重置清除表单
考虑表单对齐、排列方式
布局类
布局需要不同屏幕尺寸的效果，做一下响应式，媒体查询等
文字过长处理
页面数据过长需要考虑是否分段加载
加载动画展示
页面过长，是否添加一个顶置
数据类
页面返回数据的结构需要和后端商量好，尽量考虑全（是否有分页，是否有权限，是否存在多层关系，什么样的数据结构最合适）
纯前端数据存储在哪合适
补充
简单记录，可能有遗漏，欢迎大家补充
1629
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
