语言:HTML、JavaScript、CSS、ES、TS
技术框架:Vue2 + Vue3、React、小程序开发
UI 框架:ElementUI、Ant Design Vue、VantUI、NutUI
其他:Axios发送HTTP请求、Jest编写单元测试、Echarts绘制图形、ESLint规范、Git代码管理
项目难点:
1、营销日历模块中负责以‘日模式24小时为单位’、‘周模式24小时为单位’、‘月模式一周为单位’的日历组件绘制,并且各模式分别涉及日、周、月的时间切换,并且根据接口返回的数据按对应日期展示相应的内容;
2、响应率设置模块,负责将对应年份的12个月份的日历组件按顺序展示,切换年份时,月份数据随之改变,可根据筛选器将某个时间段或具体星期来设置满足条件的日期为‘考勤日’还是‘非考勤日’,也可直接点击日历中的日历进行设置,并且如果当前日期在接口返回的数据中,那么当前日期会自动设置为‘考勤日’;
3、数据一览模块,根据接口返回的数据量来手搓条形堆叠图并根据各条数据的占比来设置宽度和颜色;
4、标签圈客模块,根据接口返回的数据体遍历重构来生成页面,根据不同属性组合的值来判断对应的筛选器类型(下拉、输入、时间等),在页面选取内容后再遍历按接口入参要求拼接选中的项传给接口。
在项目中负责前端开发,负责与产品经理进行需求沟通和需求分析;与后端进行接口沟通和联调开发以及问题修复;及时修复bug同步测试同事。
根据接口返回的数据来进行聊天记录弹窗的开发,首先根据消息发送时间进行升序排列,再根据头像判断是发送者还是接收者来处理展示在左侧还是右侧,打开弹窗时滚动条默认置于底部展示最新的聊天记录,向上进行滚动时,到达顶部会再请求接口获取旧的聊天记录。