--熟练掌握 HTML,CSS,JavaScript ,能够精准还原设计稿。
--熟练掌握 Vue,React 前端框架的使用,并了解其基本原理。
--熟练掌握 Tailwind.css和Bootstrap.css,快速搭建响应式页面。
--熟练使用 webpack 进行前端构建和模块打包,并对 loader和 plugin 的实现有了解。
--熟练使用element-ui,element-plus,VantUI等ui组件库。
--熟练使用echarts等图标可视化工具。
--具备良好的英语听说能力。
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等库,进一步减小首页加载的体积大小。
这是我的个人作品集网站,里面包含了我在工作以及兼职期间参与开发或者独立开发的几个网站。 其中kunpeng和ascend这两个社区网站是在华为工作期间参与开发的vue项目,我的工作主要是完成个别页面及模块的开发。 我开发的模块包括:https://www.hikunpeng.
Ninjable是一个忍者游戏主题的开发技能学习网站,你可以通过学习开发技能,如:JavaScript,Java,PHP等来提升你的“忍者”为它装备一把帅气的长刀。 你还能通过学习技能积累代币,换取纪念品或者“Ninjable”的专属T-short。