Appearance
TODOs
根据项目结构和进展阶段,划分多个组件。
对于大部分功能,建议是先实现再丰富。
实现功能
组件
答辩场合展现功能的界面,主要的组件模块都集中在这里。
通用性组件: 比如Button,Icon等(必须)
布局型组件: 比如Grid,Layout布局等(必须)
导航型组件: 比如面包屑Breadcrumb,下拉菜单Dropdown,菜单Menu等(必须)
数据录入型组件: 比如form表单,Switch开关,Upload文件上传,日期选择,下拉选择等(必须)
数据展示型组件: 比如Avator头像,Table表格,List列表等(必须)
反馈型组件: 比如Progress进度条,Drawer抽屉,Modal对话框等(必须)
要求
测试(Mock/Vitest)
测试结果如下:
高级功能
组件工程化
支持国际化(中英两种语言)
支持用户手动输入日期&时间,组件做好数值校验
日期选择中,支持年视图,月视图,日视图
支持特殊日期样式,例如: 节假日视图
补充单元测试,覆盖率要求超过60%
评分标准
项目主要从功能实现完整度、页面兼容性、代码质量、开发流程规范4个维度进行考核,计算规则如下所示,最终分数为所有评分项之和。
功能完备度
Details
总占比60分
·各组件还原程度 ·文档站 ·工程化环境完备度(lint、UT、E2E测试、构建速度等)
代码质量
Details
20分
·项目结构清晰,有定义组件,单个文件长度不超过300行,lint和ts等报错是否处理 ·可迭代性强,耦合度合理(比如需要移除一个模块,或是增加一个主题色能否快速迭代支持)
细节规范
Details
15分
·是否使用github / gitlab 开发,不同成员之间有没有合理拆分需求模块,进行拉取,合码等过程
组件兼容性
Details
5分,出现变形,布局异常等情况 -1分 ·能否适配主流浏览器