proginn10562043602024年05月08日
92阅读
开发技术前端reactjavascript小程序
所属分类微信小程序

作品详情

居民在投放可回收垃圾时将小程序生成的二维码给智能回收箱扫描,投放后称重,根据垃圾的重量计算居民所获得的低碳币,低碳币可在小程序商城和自动售卖机购买商品。

主要负责 首页 / 活动页 / 商城等模块

使用技术栈: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并发模式,加快页面响应速度
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论