Skip to content
On this page

TODOs

根据项目结构和进展阶段,划分多个组件。

对于大部分功能,建议是先实现再丰富。

实现功能

组件

答辩场合展现功能的界面,主要的组件模块都集中在这里。

  • 通用性组件: 比如Button,Icon等(必须)

  • 布局型组件: 比如Grid,Layout布局等(必须)

  • 导航型组件: 比如面包屑Breadcrumb,下拉菜单Dropdown,菜单Menu等(必须)

  • 数据录入型组件: 比如form表单,Switch开关,Upload文件上传,日期选择,下拉选择等(必须)

  • 数据展示型组件: 比如Avator头像,Table表格,List列表等(必须)

  • 反馈型组件: 比如Progress进度条,Drawer抽屉,Modal对话框等(必须)

要求

具体功能可参考antd的组件库要求

测试(Mock/Vitest)

测试结果如下: Alt

高级功能

组件工程化

  • 支持国际化(中英两种语言)

  • 支持用户手动输入日期&时间,组件做好数值校验

  • 日期选择中,支持年视图,月视图,日视图

  • 支持特殊日期样式,例如: 节假日视图

  • 补充单元测试,覆盖率要求超过60%

评分标准

项目主要从功能实现完整度、页面兼容性、代码质量、开发流程规范4个维度进行考核,计算规则如下所示,最终分数为所有评分项之和。

功能完备度

Details

总占比60分

·各组件还原程度 ·文档站 ·工程化环境完备度(lint、UT、E2E测试、构建速度等)

代码质量

Details

20分

·项目结构清晰,有定义组件,单个文件长度不超过300行,lint和ts等报错是否处理 ·可迭代性强,耦合度合理(比如需要移除一个模块,或是增加一个主题色能否快速迭代支持)

细节规范

Details

15分

·是否使用github / gitlab 开发,不同成员之间有没有合理拆分需求模块,进行拉取,合码等过程

组件兼容性

Details

5分,出现变形,布局异常等情况 -1分 ·能否适配主流浏览器