liveDesk前端页面开发:
是Upwork上接单的Vue项目,目前涉及两个路由,项目亮点包括:
1.使用tailwind快速搭建页面实现PC,平板,移动端三端自适应,自动适配屏幕大小。
2.使用Swiper vue-awesome-swiper库实现swiper动画。
3.使用css的transition及animation实现页面动画。
4.figma to HTML。
GonPayWeb--web3钱包项目:
GonPayWeb是一款类似 paypal的 web 3钱包应用,其旨在使用 Gcoin 完成支付操作。
个人职责:
1.技术选型,项目架构,核心组件封装,code review ,工时评估,新人培训,工作分配等。
2.核心功能开发:
①axios 二次封装,统一管理请求
②路由封装通过配置文件生成路由
③搜索框以及按钮等组件封装
④使用 redux 构建项目状态管理库--store。
3.结合 window.onresize 方法与 rem 实现页面的响应式。
4.封装并发请求,失败自动重发功能。封装 Promise.allsettled()方法管理并发请求并设置重发请求的次数上限。
5.性能优化相关:
①react 路由懒加载,使用 Lazy + Suspense 组件结合“魔法注释”,有效降低首页 JS 的打包体积。
②采用按需引入结合函数式编程,更便于 webpack 进行 tree shaking ,有效降低打包体积。
③合理使用 react 提供的 hooks ,如:useEffect,useCallback,useMemo 等避免变量,函数,逻辑的反复调用和创建,节约浏览器性能。
Vchain brige:
Vchain brige 是实现 NFT 跨链的 web 3项目,目前
1.0版本支持 BNB Smart Chain Mainnet向 MOGA VChain@GON Mainnet的 NFT 跨链。
个人职责:
1.前端页面实现,不同尺寸屏幕的适配,表单验证,自定义组件封装等。
2.NFT 跨链操作流程:
①连接 metamask ,获取账户地址
②根据 NFTid 验证 NFT 是否属于当前地址
③验证通过,进行 checkapprove 操作
④checkapprove 通过则进行 transfer 操作若不通过则进行 approve 操作,并回到第三步。
3.对小狐狸钱包状态以及链上状态的监听:
①监听用户所在的链并提供切换链的快捷方法
②监听交易状态第一时间给予用户反馈等。
4.项目优化相关。
①代码分割,路由懒加载,保持首页较小的打包体积。
②依赖延迟加载,在onmounted钩子中加载web3.js等库,进一步减小首页加载的体积大小。