居民在投放可回收垃圾时将小程序生成的二维码给智能回收箱扫描,投放后称重,根据垃圾的重量计算居民所获得的低碳币,低碳币可在小程序商城和自动售卖机购买商品。
主要负责 首页 / 活动页 / 商城等模块
使用技术栈:React/React Hooks/Redux/Redux Toolkit/Taro/TaroUI/SCSS
1、根据后端返回数据使用canvas对图片进行信息标注
2、使用小程序组件webView嵌入H5页面实现视频流的回放和实时监控
3、使用React.memo来包裹未来可能会渲染海量数据的组件,有效的避免了子组件无效的重复更新从而提高性能,让原本的渲染时间从3s降低到3ms
4、通过useSelector的参数设置让复杂组件的前后数据对比变为浅比较,从而使个别组建的渲染次数减少
5、使用Taro.request封装网络请求,对网络请求进行请求响应拦截,统一处理错误情况,减少代码冗余提高可维护性
6、一次要渲染的数据量或者dom元素比较庞大时,利用useTransition开启concurrent并发模式,加快页面响应速度