项目描述:海迅资讯提供生活、娱乐、时尚、健康、科技等海量资讯,供用户随时随地阅读最新时事。主要模块为登录页、首页、新闻详情页、评论页、个人中心页等。
负责模块:登陆页,首页,个人中心页,个人编辑页
技术栈:react+react-redux+react-route+axios+react-hooks+antd-mobile + TS
项目职责:
1.使用antd-mobile进行实现页面的开发;
2.使用react-route实现路由的管理,封装鉴权路由对路由的权限进行管理;
3.使用React.lazy配合React.Supense进行路由的懒加载;
4.封装axios,在请求拦截器中发送请求携带token,axios发送请求,在响应拦截器中处理获取的数据格式,并且根据后台返回的状态码进行提示,根据后台返回的refresh_token进行token的无感刷新;
5.使用react-hooks、react-redux和本地存储进行对数据状态的管理;
6. 使用antd-mobile的Tabs、TabBar实现文章频道和页面模块的管理,使用List组件对文章列表管理文章列表
7. 运用防抖技术优化搜索框